Doğrulama yanlış olduğunda bir form nasıl gönderilmez

Question

Doğrulamalardan biri yanlış olduğunda formun gönderilmediğinden nasıl emin olabilirim?

$('#form').submit(function(){ 
    validateForm1(); 
    validateForm(document.forms['dpart2']); 
    validateForm(document.forms['dpart3']);      
}); 

Answer 1

formu gönderilmeyecek.

$('#form').submit(function(){ 
    return validateForm1() 
      && validateForm(document.forms['dpart2']) 
      && validateForm(document.forms['dpart3']);           
       } 
}); 

Answer 2

Eğer validateForm (...) ve validateForm1() (true hiçbir doğrulama hatası oluştu demektir) bir boolean dönmek, o zaman bunu deneyin: function yanlış döndürürse

$('#form').submit(function(){ 
    if (!validateForm1() || !validateForm(document.forms['dpart2']) || !validateForm(document.forms['dpart3'])) { 
     return false; 
    } 
}); 

Answer 3

$('#form').submit(function(){ 
    return (validateForm1() && 
      validateForm(document.forms['dpart2']) && 
      validateForm(document.forms['dpart3'])) 
}); 

Temel olarak, olay işleyicisi işlevinde return false.

Answer 4

Otomatik olarak ortaya çıkan bir düşünce: Tam istemci tarafı doğrulaması uygulasanız bile, sunucu üzerinde herhangi bir geçersiz istek verisi alabileceğinizi hayal edebileceksiniz.

İstemci tarafı doğrulama, sizi sunucu tarafı doğrulamasından koruyamaz. Bu kullanılabilirlik sadece bir bonus.

Answer 5

Tamam, diğer çözümlerin bazıları tembel bir başarısızlığa sahip olacak ... muhtemelen tüm onaylarınızın çalışmasını istiyorsanız, tüm hatalar görüntülensin. Varsayım, doğrulama yöntemlerinin başarısız olması durumunda false döndürecek olmasıdır.

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

    var ret = true; 
    ret = validateForm1() && ret; 
    ret = validateForm(document.forms['dpart2']) && ret 
    ret = validateForm(document.forms['dpart3'])) && ret 
    return ret; 

});

tüm doğrulayıcılar adı verilecek Bu şekilde, ancak herhangi bir arıza Boole değeri; bir başarısız sonuçlanacaktır.