【问题标题】:Bootstrap modal that won't go away until email is entered [closed]在输入电子邮件之前不会消失的引导模式[关闭]
【发布时间】:2016-12-02 18:24:28
【问题描述】:

有谁知道我怎样才能立即弹出一个模态弹出窗口并且在用户输入他们的电子邮件之前不会消失?

【问题讨论】:

  • 多一点上下文也无妨。
  • 我不确定您还需要什么。我只想在页面加载时显示模式,并且在他们给我他们的电子邮件地址之前他们无法关闭它。
  • 您需要提供一些代码。这是SO的基本要求。向我们展示您如何打开您的模式、表单的外观以及您为使其工作所做的尝试。

标签: javascript twitter-bootstrap bootstrap-modal


【解决方案1】:

您可以通过调整 javascript 选项轻松做到这一点。

 $("#myModal").modal(
 {  backdrop: "static",
    keyboard: "false"
 });

这实际上将点击背景和 esc 键设置为 false。用户现在需要按下提交按钮。只有当输入的电子邮件有效时,您才能执行验证以显示按钮。 尽管请注意,这纯粹是前端。用户可以绕过这个。

这是一个描绘相同的代码笔

http://codepen.io/BoyWithSilverWings/pen/VmQYPy

希望这是你想要的。

【讨论】:

  • 提交按钮如何关闭模态框?
  • 按钮上的data-dismiss 属性。如果您愿意,也可以使用$("#myModal").modal("hide");
  • 完美!感谢您的帮助。
猜你喜欢
  • 1970-01-01
  • 2010-12-01
  • 2015-12-27
  • 1970-01-01
  • 2015-02-11
  • 1970-01-01
  • 2023-03-31
  • 2012-07-16
  • 1970-01-01
相关资源
最近更新 更多