javascript - HTML 不会在 Bootstrap Modal 中动态添加表单字段的值属性

标签 javascript jquery html forms twitter-bootstrap

我有一个显示在模式中的“联系我”表单。当输入不正确时,用户将被定向到专用的“联系我”页面。

模态表单:

enter image description here

表单专用页面:

enter image description here

我试图在模式本身中直接显示输入错误。我正在使用 on-blur 函数来执行此操作。问题是,模式中的表单字段值不会动态更新。然而,表单字段值会在专用页面中更新。

模态表单的 HTML(值属性未出现):

enter image description here

专用页面中表单的 HTML(正确显示值属性):

enter image description here

此外,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/

相关文章:

javascript - 无法在我的 JSON 文件中发布数据

javascript - 手动选项卡激活(不是在单击时激活,而是在页面加载时激活)

javascript - 如何根据比较在ajax中重新加载页面

html - CSS 动画背景颜色问题

javascript - 如何检测JavaScript是否被禁用?

javascript - 如何使用服务器的 JSON 响应动态填充灰尘模板?

javascript - 如何使用p5.js在视频游戏中添加 "lives"?

javascript - $.ajax 不明白为什么 PHP 没有从 $.ajax 调用接收 POST 数据

javascript - 如何在从 Bean 调用函数之前执行 Javascript 函数?

html - 如何用最大宽度包装标签