使用jquery验证验证多个表单_Jquery_Jquery Validate

使用jquery验证验证多个表单

jquery

使用jquery验证验证多个表单,jquery,jquery-validate,Jquery,Jquery Validate,我的网页中有近5个表单，它们的元素使用jquery.validate.js进行验证。我在最后有“保存”按钮（不是提交），点击它可以保存所有细节。我需要在单击“保存”时验证所有表单，如果任何验证失败，我需要停止该单击事件。有什么方法可以这样做吗例如： <html> <script type='text/javascript'> $(document).ready(function () { $('#form1').validate();

我的网页中有近5个表单，它们的元素使用jquery.validate.js进行验证。我在最后有“保存”按钮（不是提交），点击它可以保存所有细节。我需要在单击“保存”时验证所有表单，如果任何验证失败，我需要停止该单击事件。有什么方法可以这样做吗

例如：

<html>
<script type='text/javascript'>
    $(document).ready(function () {
        $('#form1').validate();
        $('#form2').validate();
        $('#form3').validate();
    });
</script>
<form id='form1'>..elements to be validated..</form>
<form id='form2'>..elements to be validated..</form>
<form id='form3'>..elements to be validated..</form>
<form id='form4'>..elements to be validated..</form>...
<input type='button' name='save_btn' id='save_btn' value='save'>
</html>

它显示错误信息，但仍执行单击功能。如果有人可以向我建议一些解决方案，这将对我更有帮助

谢谢。

您可以使用可用的函数检查表单或特定元素是否有效

所以你可以为你的按钮点击事件做类似的事情

$("#save_btn").click(function(){
  if ($("form1").valid()
        && $("form2").valid()
        && $("form3").valid()
        && $("form4").valid())
  {
     // do what you want here
  } else {
     return false; // to suppress the click event
  }
});

可以使用可用的函数检查表单或特定元素是否有效

所以你可以为你的按钮点击事件做类似的事情

$("#save_btn").click(function(){
  if ($("form1").valid()
        && $("form2").valid()
        && $("form3").valid()
        && $("form4").valid())
  {
     // do what you want here
  } else {
     return false; // to suppress the click event
  }
});

谢谢Lawrence Leung，它帮助了我，现在运行良好..我之前不知道valid（）函数..@Santhiya不客气。随时准备，它有所有可用的函数。谢谢Lawrence Leung，它帮助了我，现在工作正常..我之前不知道valid（）函数..@Santhiya欢迎你。随时准备，它有你可以使用的所有功能。