Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Validacion Formulario

    Încărcat de

    Luis Eduardo Aponte
    16 vizualizări10 pagini
    VALIDACION DE FORMULARIOS

    Titlu original

    Validacion_Formulario

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document
    VALIDACION DE FORMULARIOS

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    16 vizualizări10 pagini

    Validacion Formulario

    Încărcat de

    Luis Eduardo Aponte
    VALIDACION DE FORMULARIOS

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 10

    <form name="fvalida">

    <table>
    <tr>
    <td>Nombre: </td>
    <td><input type="text" name="nombre" size="30"
    maxlength="100"></td>
    </tr>
    <tr>
    <td>Edad: </td>
    <td><input type="text" name="edad" size="3" maxlength="2"></td>
    </tr>
    <tr>
    <td>Interés:</td>
    <td>
    <select name=interes>
    <option value="Elegir">Elegir
    <option value="Comercial">Contacto comercial
    <option value="Clientes">Atención al cliente
    <option value="Proveedores">Contacto de proveedores
    </select>
    </td>
    </tr>
    <tr>
    <td colspan="2" align="center"><input type="button" value="Enviar"
    onclick="valida_envia()"></td>
    </tr>
    </table>
    </form>
    function valida_envia(){
    //valido el nombre
    if (document.fvalida.nombre.value.length==0){
    alert("Tiene que escribir su nombre")
    document.fvalida.nombre.focus()
    return 0;
    }

    //valido la edad. tiene que ser entero mayor que 18


    edad = document.fvalida.edad.value
    edad = validarEntero(edad)
    document.fvalida.edad.value=edad
    if (edad==""){
    alert("Tiene que introducir un número entero en su edad.")
    document.fvalida.edad.focus()
    return 0;
    }else{
    if (edad<18){
    alert("Debe ser mayor de 18 años.")
    document.fvalida.edad.focus()
    return 0;
    }
    }

    //valido el interés
    if (document.fvalida.interes.selectedIndex==0){
    alert("Debe seleccionar un motivo de su contacto.")
    document.fvalida.interes.focus()
    return 0;
    }

    //el formulario se envia


    alert("Muchas gracias por enviar el formulario");
    document.fvalida.submit();
    }
    <html> //validacion_a.html
    <head>
    </head>
    <body>
    <form name= "form" method= "POST">
    <label> Ingresar Nombre</label>
    <input type="text" name= "nom">
    <input type="button" name="enviar" value="Enviar" onClick=
    "javascript:validar()">
    </form>
    <script type= "text/javascript">
    function validar(){
    if (document.form.nom.value.length==0){
    alert("Debe ingresar su nombre")
    document.form.nom.focus()
    return 0;
    }
    }
    </script>
    </body>
    </html>
    Validar que el texto
    introducido es un número
    Para empezar crear un formulario HTML simple, en el cual se incluya
    un campo de texto mediante una etiqueta <INPUT>.

    La idea es que cuando la persona teclee algo sobre este campo y se


    vaya a otro realicemos la validación sobre si es o no un número.

    A si que lo primero que tenemos que hacer es controlar el evento


    onChange el cual nos indicará que el contenido del campo ha
    cambiado con respecto al anterior ha cambiado

    <INPUT type="text" SIZE=10 id="cantidad"


    onChange="validarSiNumero(this.value);">

    La idea es validar que los caracteres pasados son números y


    tendremos que compararlo contra un patrón que signifique eso.
    Los patrones en JavaScript son expresiones regulares. Una expresión
    regular se define de la siguiente forma:

    /^ expr regular $/

    Si queremos indicar que van a ser un conjunto de caracteres


    deberemos de utilizar un operador de cardinalidad. En este caso
    deberemos de utilizar el * para indicar que serán n caracteres.
    Ahora, nos quedará de la siguiente forma:

    /^([0-9])*$/

    Sobre la expresión regular se aplicará el método test, el


    cual recibe el dato a ser contrastado con la expresión
    regular. Es por ello que nuestra función de validación de
    números quedaría de la siguiente forma:

    1.<script>
    2.function validarSiNumero(numero){
    3.if (!/^([0-9])*$/.test(numero))
    4.alert("El valor " + numero + " no es un número");
    5.}
    6.</script>
    <html>
    <head>
    <head>
    </head>
    <body>
    <FORM id="formularioCantidad">
    Cantidad: <INPUT type="text" SIZE=10 id="cantidad"
    onChange="validarSiNumero(this.value);">
    </FORM>
    <script>
    function validarSiNumero(numero){
    if (!/^([0-9])*$/.test(numero))
    alert("El valor " + numero + " no es un número");
    }
    </script>
    </body>
    </html>
    Función explode() de PHP
    La función explode() permite dividir un string en partes
    conforme a un separador especificado.
    Ejemplo:
    <?
    // EJEMPLO DE LA FUNCION EXPLODE

    $email = ‘webmaster@webexperto.com’;
    $separar = explode(‘@’,$email);

    // RESULTADO
    echo "<b>Email: </b>".$email."<br><br>";
    echo "<b>Usuario: </b>".$separar[0]."<br>";
    echo "<b>Servidor: </b>".$separar[1];
    ?>

    Notamos que en la función explode determinamos el separador, en


    este caso una arroba (@), y el string que queremos separar. Luego
    para mostrar las partes en las cuales se dividió lo haremos como si
    fuera un vector: $separar[parte].

    S-ar putea să vă placă și