HTML不會在Bootstrap Modal中為表單字段動態添加值屬性

Question

我有一個與我聯系的表格，該表格顯示在模式中。 如果輸入不正確，則會將用戶定向到專用的“與我聯系”頁面。

形式形式：

表單的專用頁面：

我試圖在模態本身中直接顯示輸入錯誤。 我正在使用on-blur函數來執行此操作。 問題是，模式字段中的表單的表單字段值不會動態更新。 但是，表單字段值會在專用頁面中更新。

模態形式的HTML（不顯示value屬性）：

專用頁面中表單的HTML（正確顯示了value屬性）：

而且，jQuery不會檢測模式窗口中的表單字段，而是檢測專用頁面中的字段。

jQuery代碼：

$(document).on('blur', '#id_name', function() {
    var name = $(this).val();
    alert(name);  // works only in the dedicated page !
});

有什么幫助嗎？ 謝謝 ！

Answer 1

執行腳本時，模態尚未附加到頁面，因此無法檢索元素。 將所有腳本包裝在其中：

$(document).ready(function() { //here all my code });

你應該解決這個問題