2011-01-04 4 views
0

Там ребята.Глупый вопрос с басификацией jquery validation plugin

Я смущен странным поведением простой страницы с использованием проверки jQuery. Короче говоря, у меня есть два поля ввода, оба помечены как «обязательные». Проблема в том, что кажется, что плагин является валидацией только первого поля.

Это фрагмент моего теста:

<html> 
<head> 
    <script type="text/javascript" src="[path to my app]/js/jquery-1.4.3.min.js"></script> 
    <script type="text/javascript" src="[path to my app]/js/jquery.validate.min.js"></script> 
</head> 

<body> 
    <form id="testForm"> 
    <input id="field1" type="text" class="required"/> 
    <input id="field2" type="text" class="required"/> 

    <button>Query</button> 
    </form> 

    <script type="text/javascript"> 
    $(document).ready(function() { 
    $("#testForm").validate(); 
    }); 
    </script> 
</body> 
</html> 

При нажатии на кнопку запроса, а (правильно показано) сообщение об ошибке представлен к первому полю, но не второй.

Возможно, один из вас знает, что я здесь делаю неправильно?

ответ

5

Ваши поля ввода должны иметь имена:

<input id="field1" name="field1" type="text" class="required" /> 
<input id="field2" name="field2" type="text" class="required" /> 

И вот working demo.

+0

Точно. У меня была аналогичная проблема, и нам потребовалось время, чтобы найти проблему. Тем более, что это не был мой HTML-код. – BernardMarx

+0

Спасибо Дарин и Бернард. Это раздражительно. Это те проблемы, которые я получаю после 30 дней вне офиса :-) Спасибо, ребята! –