Справка по проверке JQuery

Question

Мне нужна помощь в проверке формы, желательно с использованием JQuery:

это мой код:

<form action='index.php' method='post'> 
<table> 
<tr> 
  <td>1.</td> 
  <td><select name='from_1'><option>HOME</option><option>A</option><option>B</option><option>C</option></select></td> 
  <td><select name='to_1'><option>HOME</option><option>A</option><option>B</option><option>C</option></select></td> 
</tr> 
<tr> 
  <td>2.</td> 
  <td><select name='from_2'><option>HOME</option><option>A</option><option>B</option><option>C</option></select></td> 
  <td><select name='to_2'><option>HOME</option><option>A</option><option>B</option><option>C</option></select></td> 
</tr> 
<tr> 
  <td>3.</td> 
  <td><select name='from_3'><option>HOME</option><option>A</option><option>B</option><option>C</option></select></td> 
  <td><select name='to_3'><option>HOME</option><option>A</option><option>B</option><option>C</option></select></td> 
</tr> 
</table> 
<input type='submit' value='submit' /> 
</form>

Я хочу добавить JavaScript Проверка :
когда кто-то нажимает кнопку отправки, форма должна быть проверена (см. ниже).
Если она недействительна, должно появиться сообщение об ошибке (предупреждение или даже лучший модальный диалог), и форма не должна быть отправлена.

Проверка:
каждая строка (в этом примере 3, но может быть больше) должна содержать один и только один раз выбор «HOME». Таким образом, опция 'from' или 'to' должна быть HOME.

Может ли кто-нибудь помочь мне с этим? Я знаю, что это довольно конкретно, но это мне очень поможет ...

Answer 1

Я написал сообщение в блоге под названием "Проверка на основе метаданных с помощью jQuery" , которое охватывает эту тему. Кроме того, есть пример кода, показывающий, как использовать его в чистом HTML (загрузка доступна внизу).

Answer 2

Вы смотрели на плагин проверки jQuery, http://bassistance.de/jquery-plugins/jquery-plugin-validation/? Его довольно легко настроить, и он основан на добавлении классов к вашим элементам (например, class = "required").

Answer 3

Посмотрите на плагин jQuery Validation , тогда вы сможете использовать метод equalsTo, который принимает селектор css.

Answer 4

Плагин проверки jquery был слишком большим, чтобы его обрабатывать прямо сейчас:)

Я решил это по-своему ... см ссылка

Answer 5

Вы даете каждому выбранному классу, то есть «валидация»:

<select name='from_2' class="validate">

После того, как вы напишите функцию для итерации каждого такого элемента, у которого первоначально для некоторой логической переменной установлено значение false, и когда он находит «HOME» в пределах значений, он устанавливает для переменной значение true. Когда он снова находит «ДОМ», он делает то, что вы хотите.

Но, честно говоря, не полагайтесь на проверку на стороне клиента.