Question

点击保存按钮我正在使用jquery.validate.min.js进行表单验证

当且仅当验证通过或我不想继续执行时，我想进行ajax调用

这是我的代码

HTML：

<form id="myform">
 <input type="text" id="name" name="name" placeholder="Name" class="icon-user" /> 
<a href="#" class="savedata">Save</a> 
</form>

JS：

$(document).ready(function () {
    $('#myform').validate({
        rules: {
            name: {
                required: true
            }
        },
        messages: {
            name: {
                required: 'name required'
            }
        }
    });
});

$(document).on("click", ".savedata", function (e) {
    $('#myform').valid();
    alert('doing an ajax call here ');
});

你能告诉我如何为这个设置if条件吗？

Answer 1

如插件网站jQuery Validate所述，您需要2次回调：

submitHandler - 实现您自己的表单提交，例如。通过Ajax。
invalidHandler - 在提交无效表单时作出反应。

$(".selector").validate({
    invalidHandler: function (event, validator) {
        //show message that form is invalid
    },
    submitHandler: function () {
        //submit form using ajax
    }
});

如何根据jquery表单形式验证器的结果做出决定

1 个答案: