jquery sur flou validation

Question

J'utilise le plugin de validation jquery. Ici après cliquez sur le bouton "soumettre", mon formulaire est validé. Mais j'ai besoin de la validation onblur, par exemple: si la zone de texte html/autres elemets ont perdu leur focus (onblur) alors j'ai besoin de valider le champ correspondant. Alors, comment puis-je modifier le code ci-dessous?

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/ 
libs/jquery/1.3.0/jquery.min.js"></script> 
<script type="text/javascript" src="jquery.validate.js"></script> 
<script type="text/javascript" > 
$(document).ready(function() { 
$.validator.addMethod("email", function(value, element) 
{ 
return this.optional(element) || /^[a-zA-Z0-9._-]+@[a-zA-Z0-9-]+\.[a-zA-Z.]{2,5}$/i.test(value); 
}, "Please enter a valid email address."); 

$.validator.addMethod("username",function(value,element) 
{ 
return this.optional(element) || /^[a-zA-Z0-9._-]{3,16}$/i.test(value); 
},"Username are 3-15 characters"); 

$.validator.addMethod("password",function(value,element) 
{ 
return this.optional(element) || /^[A-Za-z0-9!@#$%^&*()_]{6,16}$/i.test(value); 
},"Passwords are 6-16 characters"); 

// Validate signup form 
$("#signup").validate({ 
rules: { 
email: "required email", 
username: "required username", 
password: "required password", 
}, 
}); 
}); 
</script> 

Merci à l'avance

Answer 1

Selon le docs, vous permettent de validation lorsque les entrées perdent le focus avec onfocusout:

$(".selector").validate({ 
    onfocusout: false 
}) 

Dans votre cas, en particulier:

$("#signup").validate({ 
    onfocusout: false, //this setting is what you need 
    rules: { 
     email: "required email", 
     username: "required username", 
     password: "required password" 
    } 
});