2016-12-02 20 views
-2

有谁知道我可以马上有模式弹出,直到用户输入他们的电子邮件才离开?Bootstrap模式,不会消失,直到输入电子邮件

+0

更多一点的上下文不会受到伤害。 –

+0

我不确定你还需要什么。我只是希望模式在页面加载时显示,并且在他们给我他们的电子邮件地址之前,他们无法关闭它。 – justincron

+0

你需要提供一些代码。这是SO的基本要求。告诉我们你如何打开你的模态,表单的外观,以及你试图完成这项工作的内容。 – isherwood

回答

1

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

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

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

下面是一个代码笔描绘同一

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

希望这是你想要的。

+0

提交按钮如何关闭模式? – isherwood

+0

按钮上的'data-dismiss'属性。你也可以使用'$(“#myModal”)。modal(“hide”);'如果你喜欢这种方式。 –

+0

完美!谢谢您的帮助。 – justincron

相关问题