problema validar datos

sirdaiz · #1 (**permalink**) 29/06/2011, 05:43

Hola buscandopor internet encontre esto muy interesante, lo he probado en local y funciona:

Código PHP:

Ver original<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<head>
<title>Jquery Validate email checkbox select box</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="es" />
<script type="text/javascript" src="js/jquery_1.4.js"></script>
<script type="text/javascript" src="js/jquery_validate.js"></script>
<script type="text/javascript">
$(function(){
    $('#formInscripcion').validate({
        rules: {
        'nombre': 'required',
        'apellido': 'required',
        'numero_identidad': { required: true, number: true },
        'email': { required: true, email: true },
        'tipo_identidad': 'required',
        'deportes[]': { required: true, minlength: 1 }
        },
        messages: {
        'nombre': 'Debe ingresar el nombre',
        'apellido': 'Debe ingresar el apellido',
        'numero_identidad': { required: 'Debe ingresar el número de documento de identidad', number: 'Debe ingresar un número' },
        'email': { required: 'Debe ingresar un correo electrónico', email: 'Debe ingresar el correo electrónico con el formato correcto. Por ejemplo: [email protected]' },
        'tipo_identidad': 'Debe ingresar el número de documento',
        'deportes[]': 'Debe seleccionar mínimo un deporte'
        },
        debug: true,
        /*errorElement: 'div',*/
        //errorContainer: $('#errores'),
        submitHandler: function(form){
            alert('El formulario ha sido validado correctamente!');
        }
    });
});
</script>
</head>
<body>
<h1>Jquery Validate email checkbox select box</h1>
    <form id="formInscripcion" method="post" action="">
        <fieldset>
            <legend>Datos Personales</legend>
            <p><label for="nombre">Primer Nombre:</label> <input type="text" name="nombre" id="nombre" /></p>
            <p><label for="apellido">Primer Apellido:</label> <input type="text" name="apellido" id="apellido" /></p>
            <p><label for="numero_identidad">Número Documento Identidad:</label> <input type="text" name="numero_identidad" id="numero_identidad" /></p>
            <p><label for="email">Email:</label> <input type="text" name="email" id="email" /></p>
            <p><label for="tipo_identidad">Tipo Documento Identidad:</label>
                <select name="tipo_identidad" id="tipo_identidad">
                    <option value="">Tipo de Documento</option>
                    <option value="1">Tarjeta Identidad</option>
                    <option value="2">Cédula</option>
                </select>
            </p>
        </fieldset>
        <fieldset>
            <legend>Seleccione deportes</legend>
            <p><label for="deporte_1">Baloncesto</label> <input type="checkbox" name="deportes[]" id="deporte_1" value="1" /></p>
            <p><label for="deporte_2">Natación</label> <input type="checkbox" name="deportes[]" id="deporte_2" value="2" /></p>
            <p><label for="deporte_3">Fútbol</label> <input type="checkbox" name="deportes[]" id="deporte_3" value="3" /></p>
            <p><label for="deporte_4">Ciclismo</label> <input type="checkbox" name="deportes[]" id="deporte_4" value="4" /></p>
        </fieldset>
        <p><input type="submit" name="enviar" value="Enviar" /></p>
    </form>
</body>
</html>

y quize adaptarlo al mio:

Código PHP:

Ver originalen los head tengo los respectivos:
 
<script language="text/javaScript" SRC="../js/verificar2.js"></script>
<script language="text/javascript" src="../js/jquery_1.4.js"></script>
<script language="text/javascript" src="../js/jquery_validate.js"></script>
 
<FORM id="formRegistro"  name="formRegistro" ACTION="" METHOD="POST"> 
        <div class="formularioDP">
            <div class="formularioDP2">DATOS PERSONALES</div>
                <table align="center">
                <tr>
                    <td class="alinearDerecha"><label for=Nombre>Nombre</label></td>
                    <td class="centroForm"><input type="text" id="nombre"/></td>
                    <td class="requerido"><label for=r1>*</label></td>
                </tr>
 
<tr>
                    <td colspan="3"><input  value="Registrarse" type="submit"/></td>
                </tr>
 
            </table>
        </div>
        
    </form>

y el .js. weno aki te pongo todos los que uso(aparte de los .js que venian con el codigo, ya que me lo he descargado

Código PHP:

Ver original$(function(){
    $('#formRegistro').validate({
        rules: {
        'nombre': 'required',
        'apellido': 'required',
        'usuario': { required: true, minlength: 4 },
        'correo': { required: true, email: true },
        'pass': { required: true, minlength: 6 },
        'pass2': { required: true, minlength: 6 }
        },
        messages: {
        'nombre': 'Debe ingresar el nombre',
        'apellido': 'Debe ingresar el apellido',
        'usuario': { required: 'Debe ingresar el apellido', number: 'Debe ingresar mínimo 4 caracteres' },
        'pass': { required: 'Debe ingresar una contraseña', number: 'Debe ingresar mínimo 6 caracteres'},
        'pass2': { required: 'Debe ingresar una contraseña', number: 'Debe ingresar mínimo 6 caracteres'},
        'email': { required: 'Debe ingresar un correo electrónico', email: 'Debe ingresar el correo electrónico con el formato correcto. Por ejemplo: [email protected]' }
        
        },
        debug: true,
        /*errorElement: 'div',*/
        //errorContainer: $('#errores'),
        submitHandler: function(form){
            alert('El formulario ha sido validado correctamente!');
        }
    });
});

Gracias