Question

我的网页中有近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(){
    $("form1").validate();
});

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

谢谢。

Answer 1

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

所以你可以为你的按钮点击事件做这样的事情

$("#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
  }
});

使用jquery验证验证多个表单

1 个答案: