jQuery驗證表單後不工作復位

Question

我有一個問題後，我用我的復位形式：

$(".cancel").click(function() { 
     validator.resetForm(); 
     $(':input', '#MyForm') 
      .not(':button, :submit, :reset, :hidden') 
      .val('') 
      .removeAttr('checked') 
      .removeAttr('selected'); 
     //OR 
     document.getElementById('MyForm').reset(); 
}); 

當我打再次保存，必填字段不再需要和形式的帖子後面。我怎樣才能讓表格重新驗證，即使重置？

這是一個簡單的例子，因爲我只是重新驗證和形式，但在其他頁面我必須手動操作某些領域，所以我需要重置形式合作的這種方式。

這是一個MVC創建的表單，如果有任何區別

有什麼建議嗎？

編輯：經過一些試驗和錯誤，似乎問題不應該與直接resetForm代碼，而是其他的東西。

在控制檯中我得到了以下JavaScript錯誤：

SyntaxError: invalid label 

，並警告

Use of attributes' specified attribute is deprecated. It always returns true. 

不知道，如果他們與我的問題，但不知道還有什麼在做這點。

至於腳本，我使用的是：

@Scripts.Render("~/bundles/modernizr") 
@Scripts.Render("~/bundles/jquery") 
@Scripts.Render("~/Scripts/jquery-1.8.3.min.js") 
@*@Scripts.Render("~/Scripts/jquery-1.9.1.min.js")*@ 
@Scripts.Render("~/Scripts/jquery-ui-1.9.2.js") 
@Scripts.Render("~/Scripts/jquery.validate.js") 
@Scripts.Render("~/Scripts/jquery-validate-messages.js") 
@Scripts.Render("~/Scripts/jquery.validate.unobtrusive.min.js") 
@Scripts.Render("~/Scripts/DataTables-1.9.4/media/js/jquery.dataTables.js") 
@Scripts.Render("~/Scripts/jquery.jeditable.mini.js") 
@Scripts.Render("~/Scripts/DataTables-1.9.4/media/js/jquery.dataTables.editable.js") 
@Scripts.Render("~/Scripts/DataTables-1.9.4/extras/TableTools/media/js/TableTools.js") 
@Scripts.Render("~/Scripts/Countdown.js") 
@Styles.Render("~/Scripts/DataTables-1.9.4/media/css/jquery.dataTables.css") 
@RenderSection("scripts", required: false) 

1.9.1被註釋掉了，因爲它是第一個JQuery的電話打破。這是相關的嗎？

Answer 1

找到一種方法來迫使它重新驗證關於提交：

$(".cancel").click(function() { 
     $('#FormId')[0].reset(); 
     validator.resetForm(); 
    }); 

    $("#submitForm").click(function() { 
     if ($("#FormId").valid()) { 
      $("#FormId").submit(); 
     } 
    }); 

現在我不再依賴表單的提交功能來觸發驗證，而是我自己觸發它。

Answer 2

嘗試通過重新設置驗證：

$j.validator.unobtrusive.parse('#MyForm'); 

編輯

你能嘗試用一個復位按鈕復位形式，把這個表單裏面：

<button class="reset-button" type="reset">Reset form</button> 

和禁用您的事件處理程序.cancel。或將其更改爲：

$('.cancel').click(function() { 
    $('.reset-button').click(); 
}); 

並隱藏重置按鈕如果您不想顯示它。

Answer 3

我不知道爲什麼你重置這樣的形式，但做工精細只是復位。 jQuery有一個本地復位

$(".cancel").click(function() { 
     $('#FormId')[0].reset(); 
    }); 

和驗證保持工作順利

Answer 4

嘗試以下操作：

var validator = $("#FormId").validate(); 

$(".cancel").click(function() { 
    $('#FormId')[0].reset(); 
    validator.resetForm(); 
}); 

例fiddle