引导窗口在发出警报后关闭
Bootstrap window closes after alert statement
本文关键字:窗口 更新时间:2023-09-26
我在引导模式下面。我在这里只显示 2 个字段。但我有 10 多个字段都是必填字段。我正在javascript
单击Add_click();
中的"添加"按钮进行验证,并提醒用户All fields are mandatory
.单击警报后,模态窗口就会熄灭。我需要保留此窗口,直到用户提供所有详细信息。
<div id="modalUserAddition" class="modal fade">
<div class="modal-dialog" style="width: 600px">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
×<span class="sr-only">Close</span>
</button>
<h4 class="modal-title">User Details</h4>
</div>
<div class="modal-body">
<div class="form-group">
<input type="text" id="txtUserName" class="form-control" runat="server" placeholder="User Name" />
</div>
<div class="form-group">
<input type="text" id="txtPassword" class="form-control" runat="server" placeholder="Password" />
</div>
</div>
<div class="modal-footer">
<button type="button" id="Close" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" id="Add" onclick="Add_click();" class="btn btn-primary" data-dismiss="modal">Add User</button>
</div>
</div>
</div>
</div>
我尝试了下面的代码,但它对我不起作用。
alert('All fields are mandatory!');
//$('#modalUserAddition').modal('toggle');
$('#modalUserAddition').modal({
show: true
});
请帮忙!
从"添加"按钮中删除data-dismiss="modal"
,并在Add_click中关闭模式,其中数据被证明有效,方法是添加:
$('#modalUserAddition').modal('hide');
我认为当您单击警报时,您正在模态之外单击,并且由于其本机行为而关闭模态。您可以使用背景选项。使用值 static
传递此选项将防止在模态外部单击后关闭模态。
<button data-target="#myModal" data-toggle="modal" data-backdrop="static">
Launch demo modal
</button>
或者你可以通过JavaScript来完成
$('#myModal').modal({backdrop: 'static'})
演示
由于您使用的是 Bootstrap,也许更好的选择是使用其本机警报。
它将避免您当前的问题并更加一致。
它对我有用,data-backdrop="static"
放入按钮并在返回验证结果时return false;
。
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 防止Iframe窗体在新窗口中打开
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- 调整窗口大小时,可拖动的对象会出现在容器外部
- Javascript排序的图像弹出窗口..可以't单独弹出
- 窗口大小html css
- 弹出窗口出现,然后退出
- 为什么不是't窗口.恢复正常工作吗?(javascript/jquery)
- Javascript更新孙窗口中的表单元素
- 如何在选项卡上定义属性'的主窗口对象
- CSS-若窗口太小,滚动条会出现在“表格”单元格上
- 召回窗口加载事件 - javascript
- 为什么不显示警报窗口
- 如何使用modalDialog来显示可以在所有浏览器中工作的弹出窗口
- Chrome应用程序调整窗口大小保持纵横比
- 新选项卡被弹出窗口阻止程序阻止
- 如何访问UIWebView'的子窗口上下文
- 刷新父窗口后无法关闭窗口
- 自动关闭弹出窗口的Javascript
- 如何使用特定大小的浏览器窗口打开我的页面