Experiencias Java: Ejemplo Basico de Validacion de Formulario con JQuery

lunes, 27 de julio de 2009

Ejemplo Basico de Validacion de Formulario con JQuery

Ejemplo Basico de Validacion de formulario con jQuery

JS:
> jquery.js
> jquery.validate.js


<html>
<head>
  <script src='../js/jquery.js' type='text/javascript'></script>
  <script src='../js/jquery.validate.js' type='text/javascript'></script>
  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  <title>Insert title here</title>

<style type="text/css">
  input.error, input select.error {
    border: 1px solid red;
  }

  label.error{
    color:blue;
  }
</style>

</head>

<body>
<form name="nombreForm" id="idNombreForm">
    Nombre: <input type="text" name="nombre" id="nombre"/><br/>
    <input type="submit" value="Enviar"/>
</form>
</body>
<script>
 var reglas = {nombre: {required:true}};
 var mensajes = {nombre: {required:"Nombre Requerido"}};

 $(document).ready (function(){
    $("#idNombreForm").validate ({
       rules:reglas,
       messages:mensajes
    });
 } );
</script>
</html>