jQuery validator ve AJAX isteği aynı anda nasıl kullanılır?

Question

jQuery Validation Plugin kullanıyorum.

Giriş sayfamı AJAX kullanarak göndermeye çalışıyorum ama aynı zamanda jQuery Validate kullanarak formu doğrulamaya çalışıyorum; Ancak, gönderdiğimde AJAX isteğinin gönderilmesinden sonra yalnızca son alanı doğrularım; bu nedenle doğrulama yapılmamaktadır.

Doğrulama gerçekleşene kadar formun gönder düğmesini devre dışı bırakmaya çalışıyorum. Daha sonra onaylandıktan sonra AJAX isteğinin gerçekleşmesine izin verin; Kullanıcının formu girerek veya tıklatılarak formu göndermesine izin verir. Ancak çalışıyor gibi görünmüyor. Bunun yerine, Gönder düğmesini form üzerinde submit olayı kullanmak üzerine click olay dinleyicisi kullanmanın

$(document).ready(function() { 
    $("#signin").validate({ 
     rules: { 
      username: { 
       required: true 
      }, 
      password: { 
       required: true, 
       minlength: 8, 
       maxlength: 50 
      } 
     }, 
     messages: { 
      username: { 
       required: "Your username is required." 
      }, 
      password: { 
       required: "Your password is required.", 
       minlength: "Passwords are between 8-50 characters.", 
       maxlength: "Passwords are between 8-50 characters." 
      } 
     } 
    }); 
    $("form .login").click(function() { 
     $.ajax(/* ... */); 

     return false; 
    }); 
}); 

Answer 1

. Ayrıca, formun .valid() yöntemini kullanarak geçerli olup olmadığını kontrol etmeniz gerekir:

$("form").submit(function() { 
    if (!$("form").valid()) return; 

    var username = $("form #username").val(); 
    var password = $("form #password").val(); 
    // ... 
});