jQuery表单验证

Posted 2023-03-27

【中文标题】jQuery表单验证

【英文标题】：jquery form validation

【发布时间】：2011-07-12 02:51:52

【问题描述】：

我有一个包含两个表格的页面。第一个可见，第二个在页面加载时隐藏。

如果第一个表中的最后两项（彩色）选择了“是”选项，则显示第二个表。

我需要添加验证以确保在提交表单之前选择所有可见项目。我遇到的问题是，如果第二个表被隐藏（因为为项目 8 和 9 选择了“否”），表单应该提交来自第一个表的数据，因为第二个表没有显示。但是，如果两个表格都显示，则在提交表单之前需要所有响应。

http://jsfiddle.net/mrfisherman2010/dvzsf/2/

我会很感激这方面的帮助。我真的很挣扎。

谢谢

【参考方案1】：

使用jQuery validation plugin。它允许您拥有任意的验证规则和依赖项。

  "my_field": 
    required: 
      depends: function(element) 
        var result =...some javascript code...;
        return result;
      
    
  

【讨论】：

我尝试实现 jQuery 验证插件。这是我的尝试：mrwishywashywindowcleaning.com/QUESTION.html。它几乎可以工作，但是当第二个表被隐藏时（因为项目 8 和 9 选择了“否”），表单仍然需要完成隐藏表中的项目。

更新了一个依赖示例。这有帮助吗？

为什么不尝试添加 if 语句来检查表的可见性是打开还是关闭...然后根据该状态运行验证？

我不确定如何将该语句添加到我的代码中。你能在这里添加它吗，jsfiddle.net/mrfisherman2010/dvzsf/2 并保存一个新版本，这样我就能明白你的意思了吗？谢谢

它将进入规则部分（您在 mrwishywashywindowcleaning.com/QUESTION.html 中有）。我不确定条件是什么，所以我不能写代码。