Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Pasos para Implementar La Validación de Rut A Nuestro Formulario

    Cargado por

    Yuri Nicolas Morral Luengo
    347 vistas6 páginas
    Documento paso a paso para implementar una validacion de rut en nuestro formulario html, en el se podra encontrar una detallada instruccion.

    Título original

    Pasos Para Implementar La Validación de Rut a Nuestro Formulario

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Documento paso a paso para implementar una validacion de rut en nuestro formulario html, en el se podra encontrar una detallada instruccion.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    347 vistas6 páginas

    Pasos para Implementar La Validación de Rut A Nuestro Formulario

    Cargado por

    Yuri Nicolas Morral Luengo
    Documento paso a paso para implementar una validacion de rut en nuestro formulario html, en el se podra encontrar una detallada instruccion.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 6

    Pasos para implementar la validacin de rut a nuestro formulario :D

    1-. Creamos el formulario como lo hemos hecho todas las clases.

    PD: creo esta vez haba que realizar el formulario con tablas, yo lo hice as porque no me
    acordaba y ya lo tena echo.
    2-. Antes de comenzar a implementar el cdigo para la validacin de rut en el formulario
    debemos descargar el siguiente archivo:
    http://fenix.korrupzion.com/duoc/programacion/tallerrut.rar el cual deben descomprimir en
    la carpeta de su formulario.

    3-. Comenzamos a implementar el cdigo:


    Copiamos las siguientes lneas de script dentro de las etiquetas <head></head> :
    <script src="jquery.js" type="text/javascript"></script>
    <script src="jquery.Rut.js" type="text/javascript"></script>
    <script src="jquery.validate.js" type="text/javascript"></script>
    <script src="jquery-ui.js" type="text/javascript"></script>
    Imagen de ejemplo:

    Estos archivos pertenecen a jquery validation plugin, que es un script para validar distintos
    campos de distintos tipos, jquery.rut.js es el rut validation plugin (solo ese archivo nos
    entrega la pagina http://joaquinnunez.cl/jQueryRutPlugin/ los otros 3 no)

    4-. Igresamos el siguiente cdigo dentro de las etiquetas <head></head>


    <script type="text/javascript">
    $(document).ready(function(){
    $.validator.addMethod("rut", function(value, element) {
    return this.optional(element) || $.Rut.validar(value);
    }, "Este campo debe ser un rut valido.");
    $("#jq-validation").validate();
    $('#rut_demo_int').Rut({
    validation: false
    });
    });
    </script>
    Imagen de ejemplo

    Este cdigo es el script que nos permitir de cierta manera validar el rut, pero lo nico que
    hace es mostrarnos el mensaje este campo debe ser un rut valido el proceso de validacin
    esta en los otros archivos.

    5-. Modificacion del formulario para validar rut:


    Ahora ya con todo el cdigo para que el validador funcione debemos modificar el formulario
    agregar donde igresaremos el rut (inputs).
    Agregar despus a etiqueta <form , id="jq-validation"

    PD: name, action y method ya saben lo que es asi que lo modifican como deseen.
    Por qu agremaos id="jq-validation" a la etiqueta form?
    Esto es por que en el paso 4 el script nos dice que debe validar a #jq-validation.

    6-. Ahora debemos agregar el input de donde escribiremos el rut en el formulario, para esto
    debemos utilizar el siguiente cdigo.
    <label for="rut_demo_int">Rut:</label>
    <input id="rut_demo_int" type="text" name="rut_demo_int" class="required rut" />
    Esta vez nuestro input debe llevar como se muestra en el codigo id=rut_demo_int , esto es
    por el mismo motivo del paso anterior.

    7-. Con todo esto el script ya debera funcionar, si siguieron todos los pasos les debera quedar
    algo asi:

    También podría gustarte