有誰知道我可以馬上有模式彈出,直到用戶輸入他們的電子郵件才離開?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. Twitter bootstrap模態背景不會消失
- 3. Bootstrap模態,反饋不會消失
- 4. ASP.NET電子郵件模式
- 5. Exchange 2007 - 電子郵件正文消失
- 6. ,在searchBarSearchButtonClicked不會取消輸入模式
- 7. 模板電子郵件的最佳電子郵件方式
- 8. 在Bootstrap模式中通過ActionLink發送電子郵件
- 9. Bootstrap設置電子郵件3聯繫表格模式
- 10. HTML5電子郵件輸入類型電子郵件不接受任何東西
- 11. AutoLink不會將電子郵件識別爲電子郵件
- 12. SQL電子郵件格式消失CR LF
- 13. RSPEC電子郵件格式失敗
- 14. 格式字符串電子郵件到電子郵件鏈接
- 15. 電子郵件不到位
- 16. 輸入所需的消息不會在輸入後消失
- 17. 郵件不會轉發到外部電子郵件帳戶
- 18. HTML5輸入類型電子郵件
- 19. 分享 - 電子郵件輸入字段
- 20. ZF2 - 收集的輸入[電子郵件]
- 21. 出境電子郵件消失/不在Mandrill中顯示
- 22. Razor將電子郵件模板作爲電子郵件模板
- 23. PHP電子郵件不工作 - 沒有收到電子郵件
- 24. 電子郵件意圖找不到電子郵件應用
- 25. Mailchimp像電子郵件模板個人電子郵件/交易電子郵件
- 26. 電子郵件正則表達式失敗對某些電子郵件地址
- 27. 休眠電子郵件模式對指定域失敗
- 28. 代碼丟失Outlook電子郵件模板格式
- 29. 頁面/電子郵件內容模式
- 30. Facebook電子郵件訂閱模式
更多一點的上下文不會受到傷害。 –
我不確定你還需要什麼。我只是希望模式在頁面加載時顯示,並且在他們給我他們的電子郵件地址之前,他們無法關閉它。 – justincron
你需要提供一些代碼。這是SO的基本要求。告訴我們你如何打開你的模態,表單的外觀,以及你試圖完成這項工作的內容。 – isherwood