jQuery plugin: Validation how to use it in wordpress
i have this
<script src="http://granhotelanabas.com/wp-content/themes/studioin/js/jquery.validation.js"></script> <script src="http://granhotelanabas.com/wp-content/themes/studioin/js/jquery.js"></script>
| <script type="text/javascript"> |
|
jQuery.noConflict(); |
|
errorPlacement: function(error, element) { |
|
error.appendTo( element.parent().next() ); |
|
}, |
|
$.validator.setDefaults({ |
|
submitHandler: function() { alert("submitted!"); } |
|
}); |
|
|
|
$().ready(function() { |
|
// validate the comment form when it is submitted |
|
|
|
|
|
// validate signup form on keyup and submit |
|
$("#signupForm").validate({ |
|
rules: { |
|
nombre: "required", |
|
apellido: "required", |
|
|
|
email: { |
|
required: true, |
|
email: true |
|
}, |
|
Postal: "required", |
|
telefono:"required", |
|
pais: "required", |
|
Ciudad: "required", |
|
}, |
|
messages: { |
|
nombre: "Please enter your firstname", |
|
apellido: "Please enter your lastname", |
|
email: "Please enter a valid email address", |
|
Postal: "Please enter your code post" |
|
, telefono: "Please enter your telephone number", |
|
pais: "Please enter your country", |
|
Ciudad: "please enter your city", |
|
|
|
} |
|
}); |
|
|
|
// propose username by combining first- and lastname |
|
|
|
|
|
//code to hide topic selection, disable for demo |
|
|
|
}); |
|
</script> |
to validate this form but is just doesn't valida can some please help me.
| <form class="cmxform" id="signupForm" action="http://granhotelanabas.com/datos_reservantes/" method="post" > |
|
<p>Nombre:<span class="obligatorio">* </span><input id="nombre" type="text" autofocus="autofocus" name="nombre" value="" /></p> |
|
<p> </p> |
|
<p>Apellido:<span>* </span> <input id="apellido" type="text" name="apellido" value="" /></p> |
|
<p> </p> |
|
<p>Compania : <input id="empresa" type="text" name="empresa" value="" /></p> |
|
<p> </p> |
|
<p>Email:<span class="obligatorio">* </span><input id="email" type="text" name="email" value="" /></p> |
|
<p> </p> |
|
<p>Codigo Postal:<span class="obligatorio"> </span><input id="Postal" type="text" name="Postal" value="" /></p> |
|
<p> </p> |
|
<p>Telefono: <span class="obligatorio">* </span><input id="telefono" type="text" name="telefono" value="" /></p> |
|
<p> </p> |
|
<p>Movil: <input id="movil" type="text" name="movil" value="" /></p> |
|
<p> </p> |
|
<p>País: <span class="obligatorio">*</span></p> |
|
|
|
<p>ciudad<span>* </span><input id="Ciudad " type="text" name="Ciudad" value="" /></p> |
|
<p> </p> |
|
<p>Dirección<span>* </span><input id="Direccion " type="text" name="Direccion" value="" /></p> |
|
<p> </p> |
|
<p><button class="button" id="submit" style="margin-right: 20%;" name="submit" type="submit">Guardar</button></p> |
|
</form> |
|
|