Полная проверка формы в JavaScript / jQuery

Question

У меня длинная длинная длинная форма. В нем около 200 полей. Теперь около 50 полей необходимо проверить с помощью JavaScript / jQuery. Как я могу легко проверить их без огромного количества кода. Я хочу избежать этого:

field1 = document.getElementById("field1").value;

if (field1 == '') {
   alert ("Please enter a value for Field1");
   return false
}

Есть ли более простой способ? Большое спасибо.

Answer 1

Если вы просто хотите проверить, является ли поле пустым или нет, вы можете сделать что-то подобное, используя jQuery:

HTML:

<form>
    <input class="validate" type="text" />
    <input type="text" />
    <input class="validate" type="text" />
    <input type="text" />
    <input class="validate" type="text" />
</form>

SCRIPT:

$('.validate').each(function() { //this will get every input marked with class "validate"
    if ($(this).val() == '')
        return false;
});

Answer 2

Используйте плагин проверки формы jquery и присвойте поля нужным классам.

В большинстве случаев это так же просто, как class="required"

Answer 3

Я тоже думал об этом, но плагин может быть немного сложным в использовании.Знаете ли вы, позволяет ли оно отображать окно предупреждения при обнаружении ошибки вместо фактического отображения на странице?Это слишком много для этой формы.Большое спасибо

Вот мой валидатор, который использует всплывающее окно предупреждений для сообщений об ошибках.Это то, что вы ищете?http://validator.codeplex.com/

Хотите ли вы сообщения об ошибках по умолчанию, например, для требуемого валидатора?Относительно плагина jquery validate был ли это синтаксис, который он предлагает для размещения информации о проверке в вызове метода, который вам показался трудным, поскольку для большой формы, имеющей информацию о проверке, расположенную отдельно от текстовых полей, затрудняется пройти и проверить всеполя имеют правильные валидаторы и сообщения?

Answer 4

Вот элементарная скрипка, которую вы можете использовать для проверки вашей формы. Просто добавьте интервал после каждого из полей, которые нужно проверить.

http://jsfiddle.net/refhat/h2S6G/35/

Answer 5

Использование плагина проверки JQuery может быть очень полезным.Вы можете контролировать работу плагина из своего HTML-кода и даже не писать никакого JavaScript!Если вам нужна более сложная проверка, вы можете расширить ее, добавив специальные функции проверки.Это также позволяет локализовать приложение.

На этой странице представлен хороший пример использования плагина: http://jquery.bassistance.de/validate/demo/milk/ (нажмите ссылку «Показать скрипт, используемый на этой странице»).