2016-12-02 8 views
-2

モーダルポップアップをすぐに持ち、ユーザーがメールを入力するまでに離れることがない人はいますか?メールが入力されるまで外に出ることのないブートストラップモーダル

+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

関連する問題