Javascript 启动窗口在alert语句后关闭
我已经完成了以下引导模式。我这里只显示了两个字段。但我有10多个字段,都是必填字段。我正在点击Javascript 启动窗口在alert语句后关闭,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我已经完成了以下引导模式。我这里只显示了两个字段。但我有10多个字段,都是必填字段。我正在点击Add_click()中的Add按钮进行javascript验证并提醒用户所有字段都是必需的。单击警报后,模式窗口将关闭。我需要这个窗口被保留,直到用户提供所有的细节 <div id="modalUserAddition" class="modal fade"> <div class="modal-dialog" style="width: 600px">
Add_click()中的Add按钮进行javascript
验证
并提醒用户所有字段都是必需的
。单击警报后,模式窗口将关闭。我需要这个窗口被保留,直到用户提供所有的细节
<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>
请帮忙 既然您使用的是引导,也许更好的选择是使用它的 它将避免您当前的问题,并且更加一致。从“添加”按钮中删除
数据dismission=“modal”
,然后在“添加”中关闭该模式。单击此处,数据通过添加以下内容被证明是有效的:
$('#modalUserAddition').modal('hide');
我认为,当您单击警报时,您正在模态外部单击,并且由于其固有行为,它正在关闭模态。您可以使用“背景”选项。使用值
static
传递此选项将阻止在模式外部单击后关闭模式
<button data-target="#myModal" data-toggle="modal" data-backdrop="static">
Launch demo modal
</button>
我把
数据background=“static”
放在按钮中,然后返回false代码>返回验证结果时。感谢链接。我一定会尝试引导警报窗口。谢谢您的输入。单击警报消息时,modal正在关闭。jazZRo的建议很有效。非常感谢。
<button data-target="#myModal" data-toggle="modal" data-backdrop="static">
Launch demo modal
</button>
$('#myModal').modal({backdrop: 'static'})