Siempre que hacemos un formulario, necesitamos un script de validación, el problema es siempre tener un script que sea facil de usar, lo suficientemente flexible para que funcione en cualquier formulario y que sea personalizable, encontré justamente eso.

HTML de formulario para validar

Solo debemos fijarnos bien en el id del formulario y para los campos que deseamos validar agregar una clase required, email, etc

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<form name="comentariosFrm" id="comentariosFrm" method="post" action="">   
    <ol>
        <li>
            <label>Nombre: (requerido al menos dos caracteres)</label>
            <input id="cname" name="name" class="required" minlength="2" />
        </li>
        <li>
            <label>E-mail: (requerido)</label>
            <input id="cemail" name="email" class="required email" minlength="2" />
        </li>
        <li>
            <label>Tu página web: (opcional)</label>
            <input id="curl" name="url" class="url" value="" />
        </li>
        <li>
            <label>Comentarios: (requerido)</label>
            <textarea id="ccomentario" name="comentario" class="required"></textarea>
        </li>
        <p align="center"><input type="submit" name="submit" value="Enviar" /></p>
    </ol>
    </form>

Agregar el validador

Primero debemos incluir la libreria jquery, el validador y con una sola linea de texto le decimos que formulario validar

1
2
3
4
5
6
7
<script src="js/jquery-1.3.1.min.js" type="text/javascript"></script>
<script src="js/jquery.validate.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("#comentariosFrm").validate();
});
</script>

Puedes ver más ejemplos y descargar el script en la página de Bassistance