モーダルの送信ボタンを1回クリックすると、警告ウィンドウが開きます

Question

<div class="modal" id="myInquiry" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button class="close" data-dismiss="modal">&times;</button> 
       <h4 id="myModalLabel">Thank you for your feedback:</h4> 
      </div> 
      <div class="modal-body"> 
       <label for="inquiry">Feedback:</label> 
       <textarea class="form-control" rows="5" id="inquiry"></textarea> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       <button type="submit" class="btn btn-primary" data-dismiss="modal" id="send">Send</button> 
      </div> 
     </div> 
    </div> 
</div> 

これは私のモーダルフッターのコードです。私は送信ボタンをクリックしてモーダルを閉じたいと思っています。閉じてしまえば、アラートウィンドウやモーダルポップアップを表示し、ユーザーからのフィードバックに感謝します。私はウェブ開発を初めて勉強しています。何度も試してみてください。

モーダルのdiv IDが役立つ場合、 'myInquiry'です。

ありがとうございました！

Answer 1

あなたは最悪の方法は次のようになり、あなたのモーダル閉じるボタンにアクションを追加する必要があります。

<button type="button" class="btn btn-default" data-dismiss="modal" onclick="alert('thank you');">Close</button> 

あなたがボタンにIDを追加して、アクションを処理するためのjQueryを使用して、より良いものを表示することができますこれより。

Answer 2

このようにjQueryコードを追加できます。

$('button#send').click(function() { 
    alert('Alert Content'); 
} 

次に、[送信を送信]ボタンをクリックすると、アラート「アラートコンテンツ」が表示されます。

Answer 3

ブートストラップモダルにはhide.bs.modalイベントがあり、そのイベントを聴くことができます。その後、モーダルが閉じられると（ユーザーからは隠されています）、モーダルに感謝の意を示すことができます。 jsfiddleの例を示します。乾杯。

Answer 4

たぶん、あなたはボタンに

onclick="window.alert('<Your text here>')" 

属性を追加してみてくださいすることができます。