Hola, he estado buscando como validar todas las funciones que he hecho también en el evento "onSubmit", pero lo que he encontrado son explicaciones que no se adaptar a mi código. Soy un poco nuevo en esto de js, a ver si pudiera ayudarme alguien.
Gracias de antemano.
Pondré dos funciones de js que hago para que compruebe los campos cuando pierde el foco.
Código Javascript
:
Ver original$(document).ready(function(){
//Username Check
$("#username").change(function() {
var usr = $("#username").val();
if(usr.length >= 4)
{
$("#status").html('<img src="loader.gif" align="absmiddle"> Checking availability...');
$.ajax({
type: "POST",
url: "check.php",
data: "username="+ usr,
success: function(msg){
$("#status").ajaxComplete(function(event, request, settings){
if(msg == 'OK')
{
$("#username").removeClass('object_error'); // if necessary
$("#username").addClass("object_ok");
$(this).html(' <img src="tick.ico" align="absmiddle">');
}
else
{
$("#username").removeClass('object_ok'); // if necessary
$("#username").addClass("object_error");
$(this).html(msg);
}
});
}
});
}else{
$("#status").html('<font color="red"><br /><center>The username should have at least <strong>4</strong> characters.</center></font>');
$("#username").removeClass('object_ok'); // if necessary
$("#username").addClass("object_error");
}
});
//Password Check
$("#password").change(function() {
var pass = $("#password").val();
var pass_error = 1;
if(pass.length >= 6){
$("#status2").html(' <img src="tick.ico" align="absmiddle">');
}else{
$("#status2").html('<font color="red"><br /><center>The password should have at least <strong>6</strong> characters.</center></font>');
$("#password").removeClass('object_ok'); // if necessary
$("#password").addClass("object_error");
}
});
});
¿Cómo haría ahora para comprobar las dos en el evento submit del formulario?
Gracias de antemano.