Código Javascript
:
Ver original$(function(){
$('#myform').validate({
rules:
{
// lo que rastrea son los names!
'email': { required: true, email: true },
'password': { required: true, minlength: 6 },
'passconf': { required: true, minlength: 6 , equalTo: "#password"},
'username': { required: true, minlength: 2 }
},
messages:
{
'email': { required
: 'Debe ingresar un correo electrónico', email
: 'Debe ingresar el correo electrónico con el formato correcto. Por ejemplo: [email protected]' },
'password': { required: 'Debe ingresar password', minlength: 'Longitud minima de 6 caracteres' },
'passconf': { required: 'Debe ingresar confirmacion de password', minlength: 'Longitud minima de 6 caracteres', equalTo: 'Passwords no coinciden!' },
'username': { required: 'Debe ingresar nombre de usuario', minlength: 'Longitud minima de 2 caracteres' }
},
errorElement: "div"
});
});
O:
Código Javascript
:
Ver original<?php phpinfo(); ?>
<script>
// el arreglo JSON podria generarse desde PHP extrayendo dde base de datos info de los campos (requerimientos y mensajes)
$(function(){
$('#myform').validate({
rules:
{
// lo que rastrea son los names!
'email': { required: true, email: true },
'password': { required: true, minlength: 6 },
'passconf': { required: true, minlength: 6 , equalTo: "#password"},
'username': { required: true, minlength: 2 }
},
messages:
{
'email': { required
: 'Debe ingresar un correo electrónico', email
: 'Debe ingresar el correo electrónico con el formato correcto. Por ejemplo: [email protected]' },
'password': { required: 'Debe ingresar password', minlength: 'Longitud minima de 6 caracteres' },
'passconf': { required: 'Debe ingresar confirmacion de password', minlength: 'Longitud minima de 6 caracteres', equalTo: 'Passwords no coinciden!' },
'username': { required: 'Debe ingresar nombre de usuario', minlength: 'Longitud minima de 2 caracteres' }
},
// debug: true,
submitHandler: function(form)
{
alert('El formulario ha sido validado correctamente!');
form.submit();
},
errorElement: "div"
});
});
</script>
Tené en cuenta que ambos métodos usan el action="" del form. Asegurate de poner uno válido.
Si no, usá el submitHandler para subir tu formulario con AJAX.