Плагин проверки jQuery работает для некоторых правил, но игнорирует других.

Question

У меня возникают проблемы с подключением плагина проверки, чтобы узнать, что все мои теги ввода и область текста должны быть необходимы. Он проверяет поле электронной почты, но нет других.

$(document).ready(function() { 

$('#contactForm').validate({ 
    rules: { 
     name: { 
      required: true, 
      minlength: 1 
     }, 
     email: { 
      required: true, 
      email: true 
     }, 
     subject: { 
      required: true, 
      minlength: 1 
     }, 
     message: { 
      required: true, 
      minlength: 1 
     } 
    } 
}); 
}); 

А вот HTML страницы Я пытаюсь проверить

<form id="contactForm" action="./gdform.php" method="post"> 

     <div id="formSection"> 
      <input type="hidden" name="redirect" value="./thankyou.html" /> 
      <div id="topSection"> 
       <label><input type="text" id="Name" name="name" value="Name" required /></label> 
       <label><input type="text" id="Email" name="email" value="Email" required /></label> 
      </div> 
      <div id="messageSection"> 
       <label><input id="Subject" type="text" name="subject" value="Subject" /></label> 
       <label><textarea name="message" rows="6" required>Message</textarea></label> 

       <button type="submit">Send</button> 
      </div> 
     </div> 

    </form> 

Вот скрипка, так что вы можете увидеть мой вопрос http://jsfiddle.net/mM62X/. Любая помощь с этой проблемой будет принята с благодарностью!

Answer 1

Проблема заключается в том, что вы добавляете значение по умолчанию для всех элементов ввода вместо использования заполнителя. Поскольку у вас есть значение во входном элементе, необходимая проверка будет проходить, следовательно, не будет ошибки проверки.

<form id="contactForm" action="./gdform.php" method="post"> 
    <div id="formSection"> 
     <input type="hidden" name="redirect" value="./thankyou.html" /> 
     <div id="topSection"> 
      <label> 
       <input type="text" id="Name" name="name" placeholder="Name" required /> 
      </label> 
      <label> 
       <input type="text" id="Email" name="email" placeholder="Email" required /> 
      </label> 
     </div> 
     <div id="messageSection"> 
      <label> 
       <input id="Subject" type="text" name="subject" placeholder="Subject" /> 
      </label> 
      <label> 
       <textarea name="message" rows="6" required placeholder="Message"></textarea> 
      </label> 
      <button type="submit">Send</button> 
     </div> 
    </div> 
</form> 

Демо: Fiddle

Примечание: не поддерживается < IE 10