|
|
| Línea 45: |
Línea 45: |
| | <div class="slide"> | | <div class="slide"> |
| | | | |
| − | ===Primer ejemplo=== | + | ===Métodos de validación=== |
| − | *Versión actual de jQuery: '''1.10.2''' y '''2.0.3''' | + | *Los métodos de validación implementan el código necesario para validar los elementos. |
| − | *[http://jquery.org/license/ Licencia MIT] | + | *De serie tenemos disponibles un número considerable de métodos de validación para las comprobaciones más habituales |
| − | *La funcionalidad es la misma | + | *Los métodos menos habituales se encuentran en la librería de additional_methods |
| − | *La rama 2.x no es compatible con IE 6-8 | + | *Siempre es posible agregar a jquery.validation nuestras propias validaciones personalizadas. Lo suyo sería hacerlo directamente en el additional_methods para evitar excesivos request. |
| − | *La rama 2.x es algo más ligera
| + | *Por ejemplo, un método de validación sería el código necesario para validar que las entradas de algunos campos sean numérica. |
| − | *Usaremos la rama 1.x: | + | |
| − | :Misma funcionalidad
| + | |
| − | :Mayor compatibilidad
| + | |
| | </div> | | </div> |
| | | | |
Revisión de 23:44 27 nov 2013
jQuery
Tutorial para desarrollar en Web mediante jQuery.
Validación de Formularios
Pasos previos
- Para utilizar jquery.validation, agregar referencia a las librerías jQuery y jquery.validation:
<script src="scripts/jquery-1.6.4.js" type="text/javascript"></script>
<script src="scripts/jquery.validate.js" type="text/javascript"></script>
- Se encuentran los scripts propios de validación.
- Hay versión de desarrollo y versión de producción
- El fichero additional_methods.js tiene librerías adicionales de validación, las menos habituales.
- Librerías útiles, como distintas versiones de jQuery (necesarias para el correcto funcionamiento del plugin).
- jquery.forms.js:
- jquery.mockjax.js:
- Ficheros de traducción de los mensajes del plugin.
- Habrá que utilizar el de español en nuestros desarrollos.
- Útil echarle un ojo, nos puede servir de ayuda para implementar nuestras soluciones.
Métodos de validación
- Los métodos de validación implementan el código necesario para validar los elementos.
- De serie tenemos disponibles un número considerable de métodos de validación para las comprobaciones más habituales
- Los métodos menos habituales se encuentran en la librería de additional_methods
- Siempre es posible agregar a jquery.validation nuestras propias validaciones personalizadas. Lo suyo sería hacerlo directamente en el additional_methods para evitar excesivos request.
- Por ejemplo, un método de validación sería el código necesario para validar que las entradas de algunos campos sean numérica.
Mensajes de error
- Minified y comprimida
- Aproximadamente 90KB
- Sin comprimir
- Aproximadamente 3 veces más pesada, en torno a 270KB
- La rama 2.x pesa un 10% menos, resulta inapreciable
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="jquery-1.10.2.js"></script>
Reglas y métodos de validación personalizados
Datagrid
