Sun. Dec 8th, 2019

Host your Website

Read and learn

FatCow Web Hosting $1.00/mo* Trust your web hosting to the #1 web host provider, GoDaddy!

Validación de datos con #JavaScript y #PHP – #jonmircha

1 min read



En este video aprenderás a validar la información de #formularios a través del lado cliente con #JavaScript y de lado servidor con #PHP.

🔔 Suscríbete al canal https://youtube.com/jonmircha?sub_confirmation=1 🤓
👉 Visita mi sitio web https://jonmircha.com/ 💻
🌮 ¿Me invítas un taco? https://www.paypal.me/jonmircha
🗃️ Recursos: https://github.com/jonmircha/youtube-php/raw/master/recursos-tutoriales-php.zip
📦 Códigos: https://github.com/jonmircha/youtube-php

43 thoughts on “Validación de datos con #JavaScript y #PHP – #jonmircha

  1. excelente video. Pero no me fincionan os else if… ..:( ni me da las alertas de password y sexo. no lo envia y el codigo lo tengo exactamente igual al tuyo. utiizo el editor Brackets

  2. Se ve que te tomaste muy en serio el comentario de algunos vídeos atrás que te decían que no grites tanto, noooo???? jajajajaja… tranquilo Mircha dale el volumen que tú consideres!

  3. Buenos videos amigo pero seria aun mejor y de gran ayuda si subieras los archivos que haces para poder comparar en caso de que tengamos algun error y no lo encontremos.
    gracias

  4. Como puedo hacer para que al volver al cargar a pagina no me vuelva mostrar el mensaje de revisar mis datos, en que archivo hago error=no, o como sería la forma correcta?

  5. BUEN VIDEO!
    pero no me anduvo, para saber cual es el problema, te pregunto: Hay que descargar librerias de javascript? las librerias .js de donde las bajo? yo descargue algunas y otras ya tenia.
    Por las dudas te cuento que yo uso chrome y mozilla, y estoy trabajando en eclipse neon y xampp.
    Espero tu respuesta, necesito terminar un trabajo practico y estoy trabado en esta parte.

  6. Hola. Buen video. Bien explicado. porqué sera que sólo me funciona la alerta cuando no escribo el nombre y cuando dejoen blanco password o sexo no me sale la alerta por favor ayuda.

  7. voy por 60:00 y ala hora de mandar la info me aparece esto
    Parse error: syntax error, unexpected 'if' (T_IF) in C:xampphtdocscurso-php2jsvalidardatos.php on line 5

    el codigo
    <?php
    $nombre="Jo_on";
    $password="MirCha"

    if (isset($_GET["enviar_hdn"])) {
    if ($nombre==$_GET["nombre.txt"] && $password==$_GET[pass_pass]) {
    echo ("El nombre que ingresaste es " .$_GET["nombre_txt"].".<br /> El password que ingresaste es " .$_GET["pass_pass"]);

    } else {

    }
    }
    ?>

    y el html
    <!DOCTYPE html>
    <html lang="es">
    <head>
    <title>Validaci&oacute;n de Datos</title>
    <meta charset="utf-8"/>
    <script type="text/javascript">
    function datos(){
    var verificar=true;

    if (!document.formulario.nombre_txt.value) {
    alert("El campo de nombre es requerido");
    document.formulario.nombre_txt.focus();
    verificar = false;
    } else if (!document.formulario.pass_pass.value) {
    alert("El campo de Contraseña es requerido");
    document.formulario.pass_pass.focus();
    verificar = false;
    } else if (!document.formulario.genero_rdo[0].checked && !document.formulario.genero_rdo[1].checked) {
    alert("Definir su genero es necesario");
    document.formulario.genero_rdo[0].focus();
    verificar = false;
    }

    if (verificar) {
    document.formulario.submit();
    };
    };

    window.onload = function () {
    document.getElementById("enviar-get").onclick = datos
    }

    </script>
    </head>
    <body>
    <hgroup>
    <h1>Validar datos</h1>
    </hgroup>
    <form name="formulario" action="validardatos.php" method="get" enctype="aplication/x-www-form-urlencoded">
    <label for="nombre">Nombre</label></br>
    <input type="text" name="nombre_txt" value="">

    </br></br>

    <label for="password">Contraseña</label></br>
    <input type="password" name="pass_pass" value="" maxlength="16">

    </br></br>

    <label for="genero">Define tu genero</label></br>
    <input type="radio" name="genero_rdo" value="M">Masculino&nbsp;
    <input type="radio" name="genero_rdo" value="F">Femenino&nbsp;

    </br></br>

    <input type="hidden" name="enviar_hdn" value="get">
    <input type="button" name="enviar_btn" value="Enviar x GET" id="enviar-get" />
    </form>
    </body>
    </html>

  8. dingame porque rayos no me envia la alerta

    <!DOCTYPE html>
    <html lang="es">
    <head>
    <title>Validaci&oacute;n de Datos</title>
    <meta charset="utf-8"/>
    <script type="text/javascript">
    function datos(){
    var verificar=true;

    if (!document.formulario.nombre.value) {
    alert("El campo de nombre es requerido");
    document.formulario.nombre.focus();
    verificar = false;
    };
    };

    </script>
    </head>
    <body>
    <hgroup>
    <h1>Validar datos</h1>
    </hgroup>
    <form name="formulario" action="validardatos.php" method="get" enctype="aplication/x-www-form-urlencoded">
    <label for="nombre">Nombre</label></br>
    <input type="text" name="nombre" value="">

    </br></br>

    <label for="password">Contraseña</label></br>
    <input type="password" name="pass_pass" value="">

    </br></br>

    <label for="genero">Define tu genero</label></br>
    <input type="radio" name="genero_rdo" value="Masculino">Masculino&nbsp;
    <input type="radio" name="genero_rdo" value="Femenino">Femenino&nbsp;

    </br></br>

    <input type="hidden" name="enviar_hdn" value="get">
    <input type="button" name="enviar_btn" value="Enviar x GET" id="enviar-get" onclick="datos" />
    </form>
    </body>
    </html>

  9. Buenos dias Jonathan espero te encuentres bien, revise y si estan guardado como .js y el navegador tiene activo JavaScript, pero aun asi sigue sin darme resultados

  10. Buenas noches Jonathan saludos desde Venezuela, no me funciona nada que tenga que ver con JavaScript, cuando coloco onclick si funciona pero del resto da error

  11. Hola!! Lo que intento es hacer que con un alert dentro de un echo lo siguiente: echo "<script>

    alert ("Término no encontrado");

    </script>"; Se ejecuta el alert pero no se mantiene en la misma página sino que se redirecciona a otra. Mi pregunta es como evitar que se redireccione o se mantenga en la misma página. Cabe destacar que estoy haciendo como un buscador de artículos donde si un artículo no se encuentra en la base de datos, me mande ese alert..

  12. saludos compañero, quiero felicitarte por este buen video
    tutorial de php y de paso pedirte ayuda con algo, soy novato y me gustaría
    saber cómo puedo validar una fecha que ingresa el usuario desde una caja de
    texto, con un formato DD/MM/YYYY, y que a su vez valide una lista desplegable
    realizada por select y que determine si la fecha es menor a 18 años que tome la
    opción tarjeta de identidad de la lista desplegable es necesario que sea por código
    PHP únicamente son BD.

    Gracias por tu colaboración.

  13. Muchas gracias por el vídeo. Quería hacer una pequeña observación. Has intentado usar el isset en formulario.php? te ahorrarías el error_reporting.

    //si al menos uno está definido que entre al condicional del error
    if(isset($_GET['error']) || isset($_POST['error'])){
    … agregar condicional del error
    }

    Agradezco por los cursos realizados, vi completo el curso de HTML5 y me pareció genial. Saludos

  14. Hola, primero que nada, tutorial bastante bueno, he aprendido mucho.
    Quería hacerte una consulta, lo que pasa es que necesito validar que en un campo solo acepte letras. es decir que no acepte números ni caracteres especiales. Tampoco palabras alfanuméricas. He probado varias formas y todas fallan al colocar una palabra alfanumérica. Si me puedes ayudar, te lo agradecería bastante.

  15. Saludos amigo, muy buenos tus tutoriales. aunque la funcion no me corria bien, ni el focus. pero lo hice de esta manera y me funciono. lo que pasa que es onload tiene que ir fuera de la funcion de validacion, de esta manera lo hice yo y me funciono

    <script type="text/javascript">

    function validar_datos_GET(){ //inicio de la funcion

    var verificar = true;

    if (!document.Validar_Get.nombre.value) {// inicio del if

    alert("El campo nombre es requerido !");
    document.getElementById("nombre_txt").focus();
    verificar=false;

    }//fin del if

    }//fin de la funcion

    window.onload = function(){

    document.getElementById("enviar_get").onclick =validar_datos_GET;

    }
    </script>

  16. con sublime text no sale los Script

    </script>
    </head>
    <body>
    <hgroup><h1>Formulario de Datos GET</h1></hgroup>
    <frorm name="Valida_datos_get_frm" action=
    "validar-datos.php" method="get" enctype=
    "application/x-www-form-urlencoded">
    ingresa tu Nombre:
    <input type="text" name="nombre_txt"/>
    <br /><br />
    ingresa tu Password:
    <input type="password" name="password_txt"/>
    <br /><br />
    <input type="radio" name="sexo_rdo" value="M"/>
    Masculino&nbsp;
    <input type="radio" name="sexo_rdo" value="F"/>
    Femenino&nbsp;
    <br /><br />

    <input type="hidden" name="enviar_hdn" value="get"/>

    <input type="button" id="enviar-get"name="enviar_btn" value="Enviar x GET" />

  17. Hola. En primer lugar agradecer por el video, está muy bien explicado. Tengo un problema con las validaciones. Pasa que al poner
    window.onload=function (){ …} solo me aparece la alerta del nombre al cargar la pagina, no al hacer clic. Que puedo hacer?

  18. buenas, gracias por el curso esta cheveren pero no logro que me funcione la validadcion por mas que busco el error no lo encuentro hay manera de obterner en texto las codificaciones que haces en los tutoriales???????

  19. amigo que hago cuando valido todos los text box me baya automáticamente al boton ingresar o al boton enviar. Porque en este ejemplo necesariamente se tiene que presionar el botón de envio yo quiero ingresar con el enter como hago. Gracias

  20. un buen tutorial como siempre, pero tengo un problema no me sale ese mensaje del span de Verifica tus datos cuando accedo a datos incorrectos, cual seria la solucion ahi?

Comments are closed.

Copyright © All rights reserved. | Newsphere by AF themes.