防止は、私が提出からのonclickイベントで、送信ボタンを防ぎたい

Question

を提出からのonclickイベントにボタンを提出しますonclickイベントを削除しますが、フォームはとにかく送信されます。送信する前にonclickイベントを手動で削除して問題を解決します。しかし、これはコア機能であり、削除したくありません。

EDIT：

それは間違いなく、onclickのセレクタによって引き起こされていますが...どのように私は即座にonclickイベントをリロードするために私のjQueryのスクリプトを強制することができますか？ jqueryのコードの前に追加：$j('form#userForm .button').attr('onclick','');は... ..問題を解決しますが、私の検証はもう動作しません

Answer 1

あなたは、パラメータとしてイベントを追加する必要があります：常に

$j('form#userForm .button').click(function(event) { // <- goes here ! 
    if (parseInt($j("#zip_field").val(), 10) > 1000){ 
     event.preventDefault(); 
     $j('form#userForm .button').attr('onclick','').unbind('click'); 
     alert('Sorry we leveren alleen inomstreken hijen!'); 
    } 
}); 

また、val()文字列を返すので、数字と比較する前に番号に変換するのがよいでしょう。関数内に#userForm内のすべての.button要素を本当にターゲティングしているかどうか、または使用する必要があるかどうかはわかりません代わりにthis？

jQuery 1.7以上を使用している場合は、on()とoff()を実際に使用することを検討する必要があります。

Answer 2

が関数/イベント引数があることを忘れてはいけない、しかし、あなたはパラメータを指定する必要があります。

$("#thing").click(function(e) { 
    e.preventDefault(); 
}); 

このように、提出が停止され、そしてあなたがそれをconditionaliseすることができます。

Answer 3

基本的に、ボタンの種類をtype="submit"からtype="button"に変更すると、そのボタンはフォームを送信しないため、回避策は必要ありません。

これが役に立ちます。

Answer 4

最も良い方法は、フォームの送信イベントハンドラ内のすべてを行うことです。 onclickのインラインを削除し、送信関数内でそれを実行し、私はもっと簡単な方法があると信じて

$j('#userForm').submit(function(e) { 
    if (+$j("#zip_field").val() > 1000){ 
     alert('Sorry we leveren alleen inomstreken hijen!'); 
     return false; 
    } 
    return myValidator(userForm, 'savecartuser'); 
}); 

Answer 5

：あなたが入力したヒットした場合

$j('form#userForm .button').click(function(event) { // <- goes here ! 
    if (parseInt($j("#zip_field").val(), 10) > 1000){ 
     event.stopPropagation(); 
    } 
});