我有一个显示在模式中的“联系我”表单。当输入不正确时,用户将被定向到专用的“联系我”页面。
模态表单:
表单专用页面:
我试图在模式本身中直接显示输入错误。我正在使用 on-blur 函数来执行此操作。问题是,模式中的表单字段值不会动态更新。然而,表单字段值会在专用页面中更新。
模态表单的 HTML(值属性未出现):
专用页面中表单的 HTML(正确显示值属性):
此外,jQuery 不会检测模式中的表单字段,而是检测专用页面中的字段。
jQuery 代码:
$(document).on('blur', '#id_name', function() {
var name = $(this).val();
alert(name); // works only in the dedicated page !
});
有什么帮助吗?谢谢 !
最佳答案
当您执行脚本时,您的模式尚未附加到页面,因此无法检索元素。将所有脚本包含在其中:
$(document).ready(function() {//这里是我的所有代码 });
你应该解决这个问题
关于javascript - HTML 不会在 Bootstrap Modal 中动态添加表单字段的值属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44084858/