Bootstrap模式，不會消失，直到輸入電子郵件

-2

有誰知道我可以馬上有模式彈出，直到用戶輸入他們的電子郵件才離開？Bootstrap模式，不會消失，直到輸入電子郵件

2016-12-02 justincron

更多一點的上下文不會受到傷害。 –

我不確定你還需要什麼。我只是希望模式在頁面加載時顯示，並且在他們給我他們的電子郵件地址之前，他們無法關閉它。 – justincron

你需要提供一些代碼。這是SO的基本要求。告訴我們你如何打開你的模態，表單的外觀，以及你試圖完成這項工作的內容。 – isherwood

您可以輕鬆地通過調整javascript選項來做到這一點。

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

這基本上將點擊背景和esc鍵設置爲false。用戶現在需要按提交按鈕。只有當輸入的電子郵件有效時，您纔可以執行驗證以顯示按鈕。雖然注意到這是純粹的前端。用戶可以繞過這個。

下面是一個代碼筆描繪同一

希望這是你想要的。

2016-12-02 19:03:36

提交按鈕如何關閉模式？ – isherwood

按鈕上的'data-dismiss'屬性。你也可以使用'$（「＃myModal」）。modal（「hide」）;'如果你喜歡這種方式。 –

完美！謝謝您的幫助。 – justincron

回答