1

我有几个按钮,将不同的参数传递给相同的功能。该函数最终将进行大量客户端处理,但首先需要验证。验证工作正常,但成功后,我需要重置表单。在我下面的小提琴中,您可以看到 .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('');
    }
}

谢谢!

4

1 回答 1

1

我还没有听说过resetForm,试试这个:

form.reset();

更新:您有发布表单的按钮标签,这就是单击它们时表单得到验证的原因。而是<button>改为<input type="button"/>

见小提琴

于 2013-03-25T14:53:23.600 回答