如何在 MVC 4 的 JQuery 彈出視窗中實現必需的欄位驗證？

MVC 4 的JQuery 彈出視窗中必需的欄位驗證

在MVC 4 中使用JQuery 彈出視窗驗證時，實作必需的彈出視窗驗證有時會帶來挑戰。儘管在模型中設定了必需的屬性並在視圖中設定了驗證訊息，但可能不會在彈出視窗上觸發驗證。要解決此問題，請考慮以下方法：

重新解析驗證器

驗證器在頁面載入時初步解析。當透過彈出視窗新增動態內容時，需要重新解析驗證器。在 JQuery 腳本中，如下修改 load() 函數：

<code class="javascript">$(this).load(actionURL, function (html) {
    // Reparse the validator
    var form = $('form');
    form.data('validator', null);
    $.validator.unobtrusive.parse(form);</code>

此程式碼可確保在載入彈出內容後重新解析驗證器，從而允許所需的欄位驗證按預期工作。

附加說明：

您的程式碼不包含 @Html.ValidationMessageFor(m => m.MaterialCode) 來顯示驗證錯誤訊息。必須將其包含在您的檢視中，以便在必填欄位留空時顯示驗證訊息。

以上是如何在 MVC 4 的 JQuery 彈出視窗中實現必需的欄位驗證？的詳細內容。更多資訊請關注PHP中文網其他相關文章！