使用 jquery 验证验证 2 个表单

Posted

技术标签:

【中文标题】使用 jquery 验证验证 2 个表单【英文标题】:Validate 2 forms using jquery validation 【发布时间】:2017-07-17 21:29:54 【问题描述】:

在我的 MVC 项目中,我有一个包含 2 个表单的视图。

我使用 jquery 验证来验证表单。

如何在提交其中一个时验证 2 个表单?

我试过了:

$(function () 
     $("#form1").validate();
     $("#form2").validate();
     $.extend($.validator.messages,  required: "*", email: "Invalid email address." )
);

但只有第二种形式得到验证,而第一种没有,有什么办法解决这个问题吗?

【问题讨论】:

@mplungjan 这个问题怎么和你提到的那个重复?我说的是2种形式? !! 因为:$("#form1").on("submit",function(e) if ($("#form1").valid() && $("#form2").valid()) console.log("great job"); else e.preventDefault(); ); 这是我的问题的答案,而不是其他问题的重复。 如果你知道如何测试一个表格是有效的,你就会知道如何测试两个表格是有效的! @mplungjan 当然! :) 【参考方案1】:

试试

$("#form1").on("submit",function(e)  
  if ($("#form1").valid() && $("#form2").valid())  
    console.log("great job"); 
  else e.preventDefault(); 
);

替代品

Validating multiple forms on the same page

【讨论】:

以上是关于使用 jquery 验证验证 2 个表单的主要内容,如果未能解决你的问题,请参考以下文章

jquery表单验证 自定义函数使用

使用 jQuery 的表单验证中的问题,适用于另一个表单

最简单的 JQuery 验证规则示例

JQuery 验证问题:我在同一页面上有 2 个表单,每个表单在 2 个不同的选项卡中,但只有一个验证不起作用

使用 纯JQuery 进行 表单 验证

iview表单验证一直提示为空的几个原因?