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验证插件吗，http://bassistance.de/jquery-plugins/jquery-plugin-validation/ ？它非常容易调整，并且基于向元素添加类(例如 class="required")。