jQuery validate .resetForm（）不清除表单，手动重置时触发验证消息

Question

我有几个按钮，将不同的参数传递给同一功能。 该功能最终将进行大量客户端处理，但首先需要进行验证。 验证工作正常，但成功后，我需要重置表格。 在下面的小提琴中，您可以看到.resetForm（）调用不执行任何操作，并且如果我手动清除该字段，它将抛出验证错误，就像我尝试提交的一样。

看到我的小提琴： http : //jsfiddle.net/uT6pw/10/

HTML：

    <form id="frm" method="post" onsubmit="return false;">
         <input type="text" id="FName" class="required">
         <span class="field-validation-valid" data-valmsg-for="FName" data-valmsg-replace="true"></span>    
         <button id="btn1" onclick="addContact('1')">1</button>
         <button id="btn2" onclick="addContact('2')">2</button>
         <button id="btn3" onclick="addContact('3')">3</button>
    </form>

JavaScript的：

function addContact(num){
    var v = $("#frm").validate()
    if (v.form())
    {
        v.resetForm();
        //$("#frm").validate().resetForm()
        $("#FName").val('');
    }
}

谢谢！

Answer 1

我还没有听说过resetForm，请尝试以下操作：

form.reset();

更新 ：您具有发布表单的按钮标签，这是单击表单时表单通过验证的原因。 而是将<button>更改为<input type="button"/>

见小提琴