jquery验证.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"/>

See fiddle