小编San*_*iya的帖子

使用 jquery 验证来验证多个表单

我的网页中有近 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>
Run Code Online (Sandbox Code Playgroud)

我也试过

$("#save_btn").click(function(){
    $("form1").validate();
});
Run Code Online (Sandbox Code Playgroud)

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

谢谢你。

jquery jquery-validate

1
推荐指数
1
解决办法
1921
查看次数

标签 统计

jquery ×1

jquery-validate ×1