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 });

你应该解决这个问题