首頁 >web前端 >js教程 >為什麼我的必填欄位驗證在 MVC 4 的 JQuery 彈出視窗中不起作用?

為什麼我的必填欄位驗證在 MVC 4 的 JQuery 彈出視窗中不起作用?

Linda Hamilton
Linda Hamilton原創
2024-11-03 14:13:02767瀏覽

Why Aren't My Required Field Validations Working in JQuery Popups in MVC 4?

必要的欄位驗證: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 () {
        ....

透過重新解析驗證器,您可以確保將所需的欄位驗證套用於動態彈出內容。

附加說明:

雖然問題中提供的程式碼包含@Html.TextBoxFor 幫助程序,但值得注意的是,也應包含@Html.ValidationMessageFor 幫助程序以顯示無效必填欄位的錯誤訊息。

以上是為什麼我的必填欄位驗證在 MVC 4 的 JQuery 彈出視窗中不起作用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn