event.preventDefault not working

Question

私はこの単純なコードをここに持っています。

$("input#send").submit(function(event){ 
     event.preventDefault(); 
    $.ajax({ 
     type: 'POST', 
     url: add.php, 
     data: data, 
     success: success, 
     dataType: dataType 
    }); 
}); 

はWhever私は event.preventDefault機能が動作しない、「送信」ボタンをクリックすると、ページがロードされます。

なぜでしょうか？

Answer 1

フォーム提出イベント、ないボタンがあります。さらに、IDは一意である必要がありますので、tag#idはちょうど#idになります。

$("#theform").submit(function(event) { 
    event.preventDefault(); 
    // ... 
}); 

Answer 2

偽リターンを使用してみてください代わりに

$("input#send").submit(function(event) { 
    $.ajax({ 
     type: 'POST', 
     url: add.php, 
     data: data, 
     success: success, 
     dataType: dataType 
    }); 
    return false; 
}); 

Answer 3

私が提出したイベントがフォーム要素のためであると考えています。 input [type = 'button']の場合は、clickイベントを使用します。

Answer 4

あなたは、フォームのsubmitイベントやボタンのclickイベントに結合し、あなたが提出からフォームを停止する場合event.preventDefault()を呼び出す必要があります：

$('form').bind('submit', function (event) { 
    event.preventDefault(); 
}); 

$('form').find(':submit').bind('click', function (event) { 
    event.preventDefault(); 
}); 

Answer 5

1. 'add.php'
2. 変更の前後に引用符を追加します。セレクタをinput#sendを含むフォームのid属性に設定します。

入力上のフォームではなく、clickハンドラにsubmit()ハンドラを扱うことの利点は、いくつかの形式は（ユーザーがフォームフィールドの一つに焦点を当てている）Enterキーを押すことにより提出することができるということです。 id属性がない場合は、フォームタグを追加するか、別のjQueryセレクタを使用してフォームタグをターゲットにします。

$("#myform").submit(function(e) { 
    e.preventDefault(); 
    $.ajax({ 
     type: 'POST', 
     url: 'add.php', 
     data: data, 
     success: success, 
     dataType: dataType 
    }); 
    return false; 
}); 

Answer 6

preventDefaultを使用している場合は、デフォルトの送信アクションが必要ないと考えられます。私は単に.submitを使用する代わりに、別のイベントを使用します。私にとっては、あなたが傍受したい送信アクションではなく、通常は送信を引き起こすクリックです。 return falseとevent.stopPropagation()の両方が動作しない

$('#inputSend').on('click', function(event) { 
    event.preventDefault(); 
    //the rest 
}); 

Answer 7

場合は、以下の方法を試してみてください。 .on()を使用すると、送信機能がアクセス可能になります。 .submit()を.on("submit"..)に変更した後は、return falseまたはe.stopPropagation()のいずれかを使用できます。

$(document).on("submit", "input#send", function(event) { 
    event.stopPropagation(); 
    $.ajax({ 
     type: 'POST', 
     url: add.php, 
     data: data, 
     success: success, 
     dataType: dataType 
    }); 
    return false; });