jQuery doğrula eklentisi, formunu nasıl durduracağını ben jqueryvalidation formları doğrulamak için küresel bir senaryosu var

Question

harici işleyicisi ile teslim :

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

İkinci el işleyicisinin return false; neden formu göndermeyi engellemiyor? Ayrıca, preventDefault ve stopProparation ile çalıştım ama işe yaramıyor.

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

Answer 1

düzgün aşağıda gibi) preventDefault (deneyebilir miyim:

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

Fiddle edin.

Answer 2

Düğme tıklama etkinliğinizi devre dışı bıraktığınızda, form gönderme işlemi de devre dışı bırakılacaktır. Değişim

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

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

formunuz basın tarafından gönderirseniz

için, "ENTER" tuşa basma işlemi tetiklemek ve eylemi durdurmak gibi bir komut dosyası ile sunmalıdır: Teşekkür

$("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

Olabilir belki de küresel göndericiyi kaldırın ve sadece bir tanesinin çalışmasına izin verilsin mi? Şunun gibi:

$(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(); 
    }); 
}); 

Sen de diğer işleyicisinden doğrulama aramak zorunda kalacak, ama bu çok acı olmayabilir, sadece form.valid() çağrı İşte

Answer 4

bir Working Fiddle Ve kod olun aşağıdaki gibidir.

$(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. 
    }); 

}); 

fikri onun geçerli eklenti en yani form.submit(); göndermek ancak özel mantığı çalıştırmak yapmak ve sonra da göndermek veya göndermek yok yoksa bu form için diyerek bir işaretçi eklemektir.

bahsediyorum ben işaretçi eklentisinde Şimdi bu

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

bu formu, başka gönderirim sonra yürütmek için özel bir işleyici varsa biz onay söyleyerek eğer olabilir işleyicisi göndermektir form.

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

---

Ayrıca yolu doğrulama eklentisi böyle $("form").validate({.. ekliyoruz. Bu yüzden, bunu öğrendim, bu yalnızca ilk form için gönderme işleyici olayını tetikleyecekti (Emin değil neden, Fiddle With Issue).

Yani Example Fiddle