Question

我正在使用以下form-validator plugin，并且我遇到以下情况会产生问题。

当我单击我的提交按钮时，我想阻止默认行为，因为我正在对php脚本进行ajax调用以插入数据，我不希望页面重新加载。

问题是当我在我的按钮上使用preventDefault（）时，验证不起作用。

我尝试使用描述为here的onSuccess回调，但它不起作用。

有没有办法以和 preventDefault行为的形式执行验证？

Answer 1

这是我的验证功能，供将来参考

$.validate({
    form: '#addUserForm',
    onSuccess: function() {

        dataString = $('#addUserForm').serialize()+'&'+encodeURI("action")+'='+encodeURI("addUser");

        $.ajax({
            url: "addUser.php",
            method: "POST",
            data: dataString,
            success: function(data){
                $("<div class='infoBox'>"+data['message']+"</div>").hide().prependTo("#mainContent").fadeIn("slow").delay(1500).fadeOut("slow", function(){location.reload();});
            },
            error: function(data){
                console.log("error on adding User");
            }

        })
        return false;
    }
});

jQuery-Form-Validator（插件）和preventDefault

1 个答案: