我的网页中有近 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)
它显示错误消息,但仍然执行单击功能。如果有人可以向我建议一些解决方案,它将对我更有帮助。
谢谢你。