Я использую JQuery проверки Как я могу отобразить ошибки в отдельной области

Question

У меня есть форма, которую я проверяю, используя jquery плагин проверки.Я пытаюсь сделать так, чтобы ошибки отображались в отдельном div, называемом «error». Может ли кто-нибудь помочь мне с этим?

Код формы здесь:

<form name="contactform" id="contactform" method="post" action="/contactform/send_form_email.php">

           <label for="your_name">YOUR NAME</label>
           <input type="text" name="your_name" id="your_name" class="fulltext"/>

           <label for="type">TYPE OF EVENT</label>
           <input type="text" name="type" id="type" class="fulltext"/>

           <label for="guests">GUESTS</label>
           <input type="text" name="guests" id="guests" class="shorttext"/>

           <label for="date">DATE</label>
           <input type="text"  name="date" id="date" class="shorttext"/>

           <label for="phone">PHONE</label>
           <input type="text"  name="phone" id="phone" class="shorttext"/>

           <label for="email">ENTER EMAIL ADDRESS</label>
           <input type="text" value="ENTER EMAIL ADDRESS" name="email" id="email" class="fulltext"/>
           <button type="submit" value="submit">go</button>
           </form>

и JavaScriptздесь:

    rules: {
     email: { required: true, email: true,  maxlength: 50 },
     honeypot: { maxlength: 0 }
    }
  });

Любая помощь с этим будет принята с благодарностью.

Спасибо.

Answer 1

Вы можете использовать опцию errorLabelContainer :

$("#contactform").validate({
    rules: {
        email: { required: true, email: true,  maxlength: 50 },
        honeypot: { maxlength: 0 }
    },
    errorLabelContainer: "#error",
    wrapper: "<div>"
});

Answer 2

Проверить плагин, упомянутый здесь http://jquery.bassistance.de, имеет два свойства errorContainer и errorPlacement, которые можно использовать для размещения / отображения ошибки в каком-либо другом месте на странице. Вот демо http://jquery.bassistance.de/validate/demo/custom-methods-demo.html. Просмотр источника. Если вы используете тот же плагин, который, я уверен, вы используете, это должно быть полезно. Обработчик отправки должен реально обрабатывать отправку формы. Обратите внимание на следующий код

$("#myform").validate({
 submitHandler: function(form) {
   // some other code
   // maybe disabling submit button
   // then:
   $(form).submit();//notice how form object is used, not the **id** of form is used here
   //^ if you dont take care, you will end up in too much recursion error
 }
});

Прочтите этот документ, http://docs.jquery.com/Plugins/Validation, чтобы узнать больше.