Вход • Регистрация

Чтобы errors появлялись в полях input и textarea

  •
  • 28 января 2013 г. , редакция: 28 января 2013 г.
  • Не подскажете как сделать, чтобы errors появлялись прямо в самих полях, а не под ними?
    Это нужно в тех случаях, когда форма очень ограничена размером, мало свободного пространства вокруг или просто нельзя ресайзить форму (ведь при появлении errors внизу она увеличивается в высоту).

    Вот так нужно, как здесь. Жмите кнопку SEND.

    • 28 января 2013 г.
    • на сайте обрабатывает вот этим скриптом, попробуйте себе также настроить в шаблоне форм


      Код
      <script type="text/javascript">
      $(function(){
      $("#jform").submit(function(){
      if(notBlank($(".name")) & notBlank($(".email")) & notBlank($(".message")))
      return true
      else
      return false;
      });
      function notBlank(inp)
      {
      //OnClick Remove Error Messages
      $(inp).click(function(){
      if($(this).hasClass("error"))
      {
      $(this).val("");
      $(this).removeClass("error");
      return false;
      }
      });
      //Emal filter
      var filter = /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))){2,4}$/i;
      if(inp.val() == "" || inp.val() == "* Required")
      {
      //Test Empty Field
      inp.val("* Required");
      inp.addClass("error");
      return false;
      }else if(inp.hasClass("email") & !filter.test(inp.val()))
      {
      //Test Email Field
      inp.val("* Enter valid email adddress");
      inp.addClass("error");
      return false;
      }else{
      inp.removeClass("error");
      return true;
      }
      }
      });
      </script>

Новости

  • Вышла очередная сборка DIAFAN.CMS 7.2.2
  • 18 июня
  • В сборке большое обновление demo-шаблона, дополнительная защита от спама, улучшение YML-импорта и еще много важного и интересного.
  • Не пропустите сборку DIAFAN.CMS 7.1.4
  • 24 апреля
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
  • Сборка DIAFAN.CMS 7.1.3
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 
Все новости

Форум

Перейти на форум