javascript - jqueryを使用してフォーム送信をチェックしますか?

Question

私のhtmlコード:

<form action="test/test" method="post">
    <button type="submit" id="post-question"></button> 
</form>

私のjqueryコード:

<script type="text/javascript">
$(function()
{
    $('#post-question').click(function()
    {
        alert('hello world');   
    });
});
</script>

フォームを送信しても何も起こらず、警告ダイアログも表示されません。私のコードで何が問題になっていますか?

Answer 1

クリック イベントの代わりに送信イベントを使用します。ほとんどのフォームはクライアント側で検証する必要があるため、ボタンをクリックしてフォームを適切に送信する必要はありません。

<script type="text/javascript">
   $('#form').submit(function(){
       alert('hello world');   
       e.preventDefault();
   });
</script>

<form action="test/test" method="post" id="form">
    <button type="submit" id="post-question"></button> 
</form>

Answer 2

zerkms が指摘したように、上記のコードに問題はありません。問題は別の場所にあります。とにかく、次の.submit()関数も使用できます。

$( "#the-form-id" ).submit(function(event) {
  alert( "yo world" );
 event.preventDefault();
});