javascript - jquery validate.resetForm() 不清除表单，手动重置时触发验证消息

Question

我有几个按钮，将不同的参数传递给同一个函数。该函数最终将进行大量客户端处理，但首先需要进行验证。验证工作正常，但成功后，我需要重置表单。在下面的 fiddle 中，您可以看到 .resetForm() 调用什么都不做，如果我手动清除该字段，它会抛出验证错误，就像我试图提交一样。

看我的 fiddle :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"/>

See fiddle