onSubmitメソッドでアラートが呼び出されない

Question

ここに私のhtmlコードがあります。提出するとalartメッセージが表示されます。

$(document).ready(function() { 
    $('#reportForm').submit(function() { 
     alert("Thanks for your report."); 
    }); 
}); 

残念ながら、それは警告を呼び出すことはありません。

<input id="reportForm" type="submit" value="Submit Report" class="btn btn-primary" /> 

、ここでは、jsのコードです！

Answer 1

submit（）イベントハンドラは、フォーム要素（入力要素ではなく）にのみバインドできます。

あなたは2つのオプションがあります。

（1）、これらの線に沿って何かにあなたのHTMLを変更することで、フォームの送信にアクション（複数可）をバインド -

<form id="reportForm"> 
    <input type="submit" value="Submit Report" class="btn btn-primary" /> 
</form> 

か。 （2）ボタンのクリックにアクション（複数可）をバインドし、あなたのjavascriptを変更することで、そのような -

$('#reportForm').click(function(){ 
    alert("Thanks for your report."); 
}); 

Answer 2

送信イベントは、フォームを送信しようとするとトリガーされます。 <form>タグの内側にフィールドをラップし、その要素を対象とする場合は動作するはずです。

<form id="reportForm"> 
    <input id="submitButton" type="submit" value="Submit Report" class="btn btn-primary" /> 
</form>