有谁知道我可以马上有模式弹出,直到用户输入他们的电子邮件才离开?Bootstrap模式,不会消失,直到输入电子邮件
回答
您可以轻松地通过调整javascript选项来做到这一点。
$("#myModal").modal(
{ backdrop: "static",
keyboard: "false"
});
这基本上将点击背景和esc键设置为false。用户现在需要按提交按钮。只有当输入的电子邮件有效时,您才可以执行验证以显示按钮。 虽然注意到这是纯粹的前端。用户可以绕过这个。
下面是一个代码笔描绘同一
http://codepen.io/BoyWithSilverWings/pen/VmQYPy
希望这是你想要的。
提交按钮如何关闭模式? – isherwood
按钮上的'data-dismiss'属性。你也可以使用'$(“#myModal”)。modal(“hide”);'如果你喜欢这种方式。 –
完美!谢谢您的帮助。 – justincron
- 1. Bootstrap模式电子邮件形式
- 2. 电子邮件输入模式属性
- 3. PHP邮件表单不会向电子邮件发送输入
- 4. 电子邮件输入
- 5. 的plist电子邮件附件消失
- 6. ASP.NET电子邮件模式
- 7. Bootstrap模态背景不会消失
- 8. Bootstrap模态,反馈不会消失
- 9. Twitter bootstrap模态背景不会消失
- 10. Exchange 2007 - 电子邮件正文消失
- 11. HTML - 更多选项的特殊输入电子邮件模式
- 12. ,在searchBarSearchButtonClicked不会取消输入模式
- 13. 输入的电子邮件覆盖SecureRandom电子邮件?
- 14. 如何检查输入的电子邮件是否为电子邮件格式
- 15. HTML5电子邮件输入不会在Chrome验证UTF-8 39
- 16. 模板电子邮件的最佳电子邮件方式
- 17. 始终使用默认电子邮件发送邮件。 Outlook添加工作,直到电子邮件被取消
- 18. Bootstrap设置电子邮件3联系表格模式
- 19. 在Bootstrap模式中通过ActionLink发送电子邮件
- 20. 使用twitter-bootstrap模式,json和wordpress发送电子邮件
- 21. 带模式,验证器和电子邮件的Bootstrap表格
- 22. HTML5电子邮件输入类型电子邮件不接受任何东西
- 23. PHP电子邮件表格将不会以不同的输入电子邮件地址提交
- 24. AutoLink不会将电子邮件识别为电子邮件
- 25. 形式不电子邮件
- 26. 如何正确地将模式嵌入到电子邮件中?
- 27. SQL电子邮件格式消失CR LF
- 28. RSPEC电子邮件格式失败
- 29. 格式字符串电子邮件到电子邮件链接
- 30. 电子邮件不会发送到某些电子邮件地址
更多一点的上下文不会受到伤害。 –
我不确定你还需要什么。我只是希望模式在页面加载时显示,并且在他们给我他们的电子邮件地址之前,他们无法关闭它。 – justincron
你需要提供一些代码。这是SO的基本要求。告诉我们你如何打开你的模态,表单的外观,以及你试图完成这项工作的内容。 – isherwood