2010-11-24 16 views
4

Ich benutze jquery Validierung Plugin. Hier klicken Sie auf "Senden", mein Formular wird validiert. Aber ich brauche Onblur Validierung, zum Beispiel: wenn der HTML-Textbox/andere Elemente ihren Fokus verlieren (Onblur), dann muss ich das entsprechende Feld validieren. Wie ändere ich den unten stehenden Code?jquery on blur validation

<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._-][email protected][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) || /^[[email protected]#$%^&*()_]{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> 

Vielen Dank im Voraus

Antwort

11

Nach dem docs, ermöglichen es Ihnen, Validierung, wenn die Eingänge Fokus mit onfocusout verlieren:

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

In Ihrem Fall konkret:

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

Sooo. ... War dies hilfreich? –

+3

es funktioniert, wenn Sie "onfocus" durch "onkeyup" ersetzen –

+0

Es war für mich, irgendwie. –