2012-04-04 2 views
0

У меня есть некоторые элементы ввода HTML, которые я хочу проверить, заполнены ли они или нет. В принципе, они являются обязательными. Я делаю что-то вроде этого:Validating DOM Elements

var displayNames new Array(); 
    displayNames[0] = "Name"; 
    displayNames[1] = "Address"; 
    displayNames[2] = "Age"; 

function validForm() { 
    var Name = document.getElementById(txtName).value; 
    if(!Name) { 
     alert(displayName[0] is required); 
    }} 

Как я могу упростить процедуру проверки в JS?

+2

Две вещи, которые нужно запомнить с проверкой: 1) Это должно произойти на сервере, а также клиент (я уверен, что у вас уже есть это), и 2) это должно быть как можно меньше раздражения. сообщения 'alert' действительно навязчивы; рассмотрите возможность отключения кнопки отправки до тех пор, пока данные не будут введены правильно, или не покажите небольшой красный 'div', который предупреждает пользователя о том, что данные были введены неправильно (без вмешательства фокуса формы). –

+0

Да, но я создаю приложение для iPad, где хочу показать недостающие поля во всплывающем окне. –

ответ

1

Как я должен сделать валидацию легко в JS?

Это зависит. Все ли они? Или могут быть цифры? Или кто-то нуждается в регулярном выражении (например, в адресе электронной почты)? Может, кто-то может быть пустой или пустой?

Если мы говорим о менее чем 12 полях, то я бы рассмотрел возможность прокатки собственной проверки. Однако, если мы говорим о множестве полей, распределенных по нескольким страницам и проектам, то я бы подумал об использовании плагина проверки, такого как http://bassistance.de/jquery-plugins/jquery-plugin-validation/

+0

Сочетание чисел, строк и даты. И да, некоторые из них тоже могут быть пусты. –

+0

Хорошо, у меня меньше 12 полей. А также ссылку, которую вы опубликовали. Поддерживает ли он внутризависимость между элементами DOM? Например, если я проверяю 1. CheckBox1, тогда необходимо проверить TextBox1. Что-то вроде этого? –

3

Использование jquery validate

+0

Будет ли это работать и на зависимых элементах dom? –

+1

вы можете добавить правила валидации для различных элементов dom: http://docs.jquery.com/Plugins/Validation/rules –