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”）。

Answer 2

我写了一篇名为"Metadata based validation with jQuery"的博文，内容涵盖了这一主题。此外，还有示例代码显示如何在清晰的HTML中使用它（下载可在下面找到）。

Answer 3

看看jQuery Validation plugin，然后你应该可以使用接受css选择器的equalsTo方法。

Answer 4

你给每个选择一个类，即'验证'：

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

比编写一个函数迭代每个最初将某个布尔变量设置为false的元素，当它在值中找到“HOME”时，它将变量设置为true。当它再次找到“HOME”时，它就能满足您的需求。

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

Answer 5

jquery验证插件现在处理起来太大了：）

我以自己的方式解决了......请参阅the link

JQuery验证帮助

5 个答案: