jQueryの検証プラグインは、フォームを停止する方法を私はjqueryvalidationでフォームを検証するためのグローバルなスクリプトを持っている

Question

外部ハンドラを提出します：

$("#myform").submit(function(){ 
    $("body").append("<p>other handler</p>"); 
    return false; 
    }); 

第2ハンドラのreturn false;がフォーム送信をブロックしないのはなぜですか？ 私もpreventDefaultとstopProparationを試しましたが、うまくいきません。

https://jsfiddle.net/brj7ttdn/5/

Answer 1

あなたがでpreventDefault（試用できます）適切に下記のように：

$(function(){ 
    $("form").submit(function(event){ 
    $("body").append("<p>other handler</p>"); 
    event.preventDefault(); 
    }); 
}); 

はFiddleを確認してください。

Answer 2

ボタンのクリックイベントを無効にすると、フォームの送信が無効になります。 変更

$("#myform").submit(function(e){ 

フォームは、 "ENTER" キーを押しにより提出する場合は

$("button").click(function(e){ 

に、あなたはキー操作のアクションをトリガーとアクションを停止しなければならないようなスクリプトを提出する：

$("input").on("keypress", function(e){ 
    var keypress; 
    if(window.event) { // IE      
     keypress= e.keyCode; 
    } else if(e.which){ // Netscape/Firefox/Opera     
     keypress= e.which; 
    } 
    if (keypress == 13) { 
     e.preventDefault(); 
    } 
}) 

Answer 3

でしますおそらくグローバルsubmithandlerを削除し、特定のものを実行させるだけでしょうか？このように：

$(function(){ 

$("form").validate({ 
    submitHandler: function(form) { 
    $("body").append("<p>validate</p>"); 
    form.submit(); 
    } 
}); 

$('#myform').off('submit') 

$("#myform").submit(function(e){ 
    $("body").append("<p>validate</p>"); 
    $("body").append("<p>other handler</p>"); 
    e.preventDefault(); 
    }); 
}); 

あなたは、他のハンドラからの検証を呼び出すために、それはあまりにも痛みを伴うことはないかもしれませんが、ちょうどここでform.valid()コール

Answer 4

がWorking Fiddleとコードであることを確認しています以下の通りです。

$(function() { 

    $("form").validate({ 
    submitHandler: function(form) { 
     $("body").append("<p>validate</p>"); 

     if ($(form).data('has-customSubmit-event') === true) { 
     $(form).trigger('customSubmit'); // trigger your custom submit. 
     } else { 
     form.submit(); 
     } 
    } 
    }); 

    $('#myform').data('has-customSubmit-event', true); // add a pointer to say there is a custom handler for this form, 

    $("#myform").on('customSubmit', function(e) { 
    $("body").append("<p>other handler</p>");  
    //$(this).submit(); // if you want to submit this form. 
    }); 

}); 

アイデアは、その有効なプラグインのは、すなわちform.submit();を提出したが、カスタム・ロジックを実行して行い、その後、いずれかの提出または提出いけない場合は、このフォームのために言ってポインタを追加することです。

私が話していポインタ今すぐプラグインハンドラを提出し、これが

$('#myform').data('has-customSubmit-event', true);

あるこのフォームは、それを行う実行するためにカスタムハンドラを持っている場合は、チェックが言っている場合、我々は提出他に、持つことができます形。また

if ($(form).data('has-customSubmit-event') === true) { 
    $(form).trigger('customSubmit'); // trigger your custom submit. 
} else { 
    form.submit(); 
} 

---

あなたはこのように、検証プラグイン$("form").validate({..を追加する方法。だから、私はこれが最初のフォーム（理由はわかりません、Fiddle With Issue）のためだけにサブミットハンドライベントをトリガすることがわかったのです。

だからExample Fiddle