Validar datos de una forma sencilla.Es importante que no falten comas o ni comillas ya que de esto depende que reconosca cada regla, ademas del id.
estas primeras lineas son nesesarias, pero antes de esto debemos de crear un vinculo entre el formulario y esta hoja con la etiqueta <link href="nombre de hoja">.
$().ready(function(){
$('#informacion').validate({
debug:true,
ahora escribiremos las reglas o condiciones de los datos que se inrduciran
rules:{
'nombre':{ //esto es el id de campo donde se aplicaran dichas condiciones
required:true, // indica que este campo es requerido y no debe dejrse en blanco, de ser asi no //permitira avanzar mas
minlength:3 //indica l lonitud miima de caracteres que puede introducir
},
'pass':{
required:true,
rangelength:[5,10] //indica que debe escribir un numero que este entre 5 y 10
},
'pass2':{
required:true,
equalTo:'#pass' //la confirmacion de la contraseña sebe ser identica la contrseña
},
'edad':{
range:[18,40]
},
'sexo':{
required:true
}
},
ahora escribiremos los mensajes que debe de mostrar en caso de que no se cumplan las condiciones
para esto usaremos de nuevo el id entre comillas simples luego entre llaves la condicion y despes de dos puntos y entre comillas pondremos el mensaje, cada parrafo de mensage lo separaremos con una coma, estas son muy importantes ya que de no ser asi nos marcara errores y no se ejecutara
messages:{
'usuario':{
required:"Campo requerido",
minlegth:"Escriba un nombre válido"
},
'pass':{
required:"Debes escribir un password",
rangelength:"El password debe tener entre 5 y 10 caracteres"
},
'pass2':{
required:"Campo obligatorio",
equalTo:"No coincide con tu password"
},
'edad':{
range:"No tienes la edad adecuada"
},
'sexo':{
required:"Debes elegir una opción"
}
}
});
});
con estas dos lineas cerramos la vlidacion.
No hay comentarios.:
Publicar un comentario