javascript - 在 JQuery Validator 提交处理程序中重置表单值

Question

我有一个调用 Ajax 的简单 Jquery 验证，但在调用 Ajax 页面后我想重置表单。一切正常，但它不会重置表单。

我的 JQuery 和验证脚本:

var validator = $('#formOne').validate({
    rules: {
        fieldName: {
            required: true,
            minlength: 3
        }
    },
    submitHandler: function(form) {
        $(this).callAjax(form);
        validator.resetForm(); 
        return false; //avoid form submit
    }
});

//Ajax call function
$.fn.callAjax= function(form){
        var postData = $(form).serialize(); 
        var formAction = $(form).attr('action')     
        $.ajax({ 
            type: "POST",
            url: formAction,
            data: postData,          
            dataType: "html",      
            success: function(response){                    
                $("#ShowNames").html(response); 
            }           
        });
 }

我的表格:

<form name="formOne" id="formOne" method="post" action="ajax/insert_name.php?act=insert">
   <input type="text" id="fieldName" name="fieldName">
   <button type="submit" id="loading-btn" value="Submit" data-loading-text="Loading...">Avançar</button>
</form>
<div id="ShowNames"></div>

我尝试了很多方法，但没能成功......

有什么想法吗？

Answer 1

validator.resetForm();

没有$

Documentation