為什麼 MVC 4 的 JQuery 彈出視窗中必需的欄位驗證失敗？

對MVC 4 的JQuery 彈出視窗中的必填欄位驗證進行故障排除

在MVC 4 中使用JQuery 彈出視窗時，確保必填欄位至關重要驗證功能正常。但是，使用者可能會遇到這些驗證無法如預期運作的情況。針對這個問題，我們深入探討了根本原因，並提供了一個全面的解決方案。

理解問題

問題的出現​​是因為頁面時解析驗證邏輯最初載入。當頁面載入後新增動態內容（例如 JQuery 彈出視窗）時，驗證器仍然不知道這些新元素及其所需欄位。因此，驗證過程會跳過這些動態元素，導致所需欄位驗證不起作用的印象。

解決方案

要解決此問題，有必要載入動態內容後重新解析驗證器。透過指示驗證器檢查更新的內容，我們確保它識別新新增的必填欄位。

實作

以下是如何修改腳本以包含必要的欄位行：

$(this).load(actionURL, function (html) {
    // Reparse the validator
    var form = $('form');
    form.data('validator', null);
    $.validator.unobtrusive.parse(form);
    $('form', html).submit(function () {
        ....

透過新增這些行，驗證器將被迫重新檢查表單，包括彈出視窗出現期間新增的任何動態內容。

附加說明

值得一提的是，問題中提供的程式碼片段缺少 @H​​tml.ValidationMessageFor(m => m.MaterialCode)。雖然問題中沒有明確提及，但我們假設包含此程式碼是為了正確顯示驗證訊息。

以上是為什麼 MVC 4 的 JQuery 彈出視窗中必需的欄位驗證失敗？的詳細內容。更多資訊請關注PHP中文網其他相關文章！