JQuery验证帮助

JQuery验证帮助,jquery,validation,Jquery,Validation,我需要验证表单的帮助,最好使用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

我需要验证表单的帮助,最好使用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>

1.
家庭ABC
家庭ABC
2.
家庭ABC
家庭ABC
3.
家庭ABC
家庭ABC
我想添加一些javascript验证:
当有人单击“提交”按钮时,应验证表单(见下文)。
当表单无效时,应弹出错误消息(警告或-甚至更好-模式对话框),并且不应提交表单

验证:
每一行(在本例中为第3行,但可以更多)应包含且仅包含一次“主”选择。所以“from”或“to”选项都应该是HOME


有人能帮我吗?我知道它非常具体,但它会对我有很大帮助…

您看过jQuery验证插件吗?它很容易调整,并且基于向元素添加类(例如class=“required”)。

请查看,然后您应该能够使用接受css选择器的equalsTo方法。

您为每个select指定了一个类,即“验证”:

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

然后编写一个函数来遍历每个这样的元素,这些元素最初有一些布尔变量设置为false,当它在值中找到“HOME”时,它会将变量设置为true。当它再次找到“家”时,它会做你想做的事


但是,老实说,不要依赖客户端验证。

jquery验证插件现在太难处理了:)


我用自己的方式解决了。。。请看

我写了一篇题为的博客文章,涵盖了这个主题。此外,还有一些示例代码显示了如何在清晰的HTML中使用它(可在底部下载)。

Hi,感谢您提供这部分内容。。。我将运行一些测试。。。我不依赖客户端验证,服务器端验证已经实现。。。