javascript - 在JQuery Validator SubmitHandler中重置表单值

我有一个简单的Jquery验证调用Ajax，但是在调用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>

我已经尝试了很多方法，但是无法完成这项工作...

有任何想法吗？

最佳答案

validator.resetForm();

没有$

Documentation