Validación de Forms - Vanilla JavaScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ต.ค. 2024

ความคิดเห็น • 52

  • @visual.gaming
    @visual.gaming หลายเดือนก่อน

    Super claro y util ! ojala hagan mas videos de este estilo con las partes que usualmente conforman una pagina web como para tener una guia para el frontend

  • @luisangelaltamiranogonzale1376
    @luisangelaltamiranogonzale1376 ปีที่แล้ว

    Muchas gracias por la clase, se entiende y das pautas para que otros podamos hacer más formularios elaborados

    • @informaticadp
      @informaticadp  4 หลายเดือนก่อน

      Muchas gracias!!

  • @leonelpaez9358
    @leonelpaez9358 2 ปีที่แล้ว

    Encontre este canal de casualidad y muy buen explicado todo!! Encima argentino. Saludos crack

  • @nayveflores3761
    @nayveflores3761 3 ปีที่แล้ว +1

    EXCELENTE VIDEO ;) Esperamos un video de VALIDACION de formularios de lado del servidor con PHP...Saludos desde Venezuela...EXITOOOOS.....

    • @informaticadp
      @informaticadp  3 ปีที่แล้ว

      Muchas gracias Nayve!!! Saludos!

  • @ramondariorozotorres6470
    @ramondariorozotorres6470 2 ปีที่แล้ว +2

    Excelente contenido, muchas gracias
    Me pareceria genial que nos enseñaras mas por medio de una lista de tutoriales sobre expresiones regulares
    Eres un gran maestro del cual he ido aprendiendo, Dios lo bendiga por compartir su conocimiento y esa tremenda habilidad para enseñar...

    • @informaticadp
      @informaticadp  2 ปีที่แล้ว +1

      Muchas gracias Ramón! Siempre estoy subiendo contenido sobre Javascript y otros frameworks. Y vamos a seguir. Saludos bro!

  • @rosanarojas8771
    @rosanarojas8771 4 หลายเดือนก่อน

    Qué bien explicado!!! muchas gracias👌💯

    • @informaticadp
      @informaticadp  4 หลายเดือนก่อน

      Muchas gracias Rosana!!!!

  • @andreslemme
    @andreslemme 3 ปีที่แล้ว

    Muy bueno!!! Felitaciones... Esperamos más de vanilla js 👩‍💻

    • @informaticadp
      @informaticadp  3 ปีที่แล้ว

      Hola Andrés! Muchas gracias!!! Seguro se viene más Vanilla Js.

  • @ca.loaiza
    @ca.loaiza 3 ปีที่แล้ว

    Como siempre, un código muy limpio, un muy buen tutorial

    • @informaticadp
      @informaticadp  3 ปีที่แล้ว

      Muchas gracias Carlos!!! Saludos estimado.

  • @carmonarya
    @carmonarya 3 ปีที่แล้ว

    Muchas Gracias Maestro siempre entendibles tus videos, excelente

    • @informaticadp
      @informaticadp  3 ปีที่แล้ว +1

      Gracias a vos Carmonarya! Saludos!!!

  • @carlosgomez7002
    @carlosgomez7002 3 ปีที่แล้ว

    Muy bueno. Gracias

  • @newentu
    @newentu 2 ปีที่แล้ว

    excelente tutorial, muy bueno!!

  • @pupoxws983
    @pupoxws983 ปีที่แล้ว

    GRACIAS, BUEN VIDEO

  • @andres3826
    @andres3826 6 วันที่ผ่านมา

    Muchas gracias. Me puedes decir que tema de VS es el que usas en este video?

  • @gasparreyes7207
    @gasparreyes7207 3 ปีที่แล้ว

    Muchas gracias por tus vídeos. Me gustaria que hagas un crud con un formulario que contenga un select o un option de tipo radio en donde expliques la query para la base de datos mysql. Muchas gracias saludos

    • @informaticadp
      @informaticadp  3 ปีที่แล้ว +1

      Muchas gracias Gaspar!!! Atento a las sugerencias siempre. Saludos!

  • @etianparra
    @etianparra 27 วันที่ผ่านมา

    solo por consultar . . .por que no usa las variables directamente? si se supone que ya tienen los valores desde el form. porque genera nuevas variables y las carga con las ya definidas?

  • @valerio-9137
    @valerio-9137 ปีที่แล้ว

    Gran contenido. Cual es tu tema de visual??

  • @toma1610
    @toma1610 2 ปีที่แล้ว

    Interesante. Estoy usando Bootstrap y ya viene con unos snippets para validación, pero no es muy completo. Cuando he querido implementar validación adicional con JS, parece que se cruza con la validación de Bootstrap. Por ejemplo, he querido validar casillas checkbox para que el usuario marque obligatoriamente por lo menos una, y no me ha funcionado.

  • @computer_writer6471
    @computer_writer6471 2 ปีที่แล้ว

    Gracias por tus vídeos de Vanilla Javascript. He aprendido mucho. Los hago siempre viendo el resultado en la consola del browser, pero me pregunto, ¿cómo abres la consolada de depuración en Visual Studio Code?

    • @informaticadp
      @informaticadp  2 ปีที่แล้ว +1

      Muchas gracias! Decís cuándo ejecutó código Js? Es una extensión code runner. Siempre que el archivo sea .js funciona.

  • @andresmendoza7105
    @andresmendoza7105 3 ปีที่แล้ว +1

    Hola profe tengo una pequeña consulta, como puedo hacer para que la etiqueta por defecto tenga la palabra 'requerido' y luego al hacer la validacion en el javascript en caso de error cambie a Campo vacio u otra validacion

    • @informaticadp
      @informaticadp  3 ปีที่แล้ว

      Si la escribis asi va a ser tu valor por defecto. Y luego con js la cambias apenas arranque. requerido

    • @andresmendoza7105
      @andresmendoza7105 3 ปีที่แล้ว

      @@informaticadp tendria que hacer un if?? porque al poner requerido en la etiqueta del html no me sale nada profe

    • @informaticadp
      @informaticadp  3 ปีที่แล้ว

      Si es el mismo proyecto que hacemos en el video. Fíjate de poner el valor con js apenas carga, p.textcontent='requerido'

  • @jaredgonzalez4175
    @jaredgonzalez4175 2 ปีที่แล้ว +1

    Buenas amigo, estoy aprendiendo por medio de tus videos , me gustaría saber como le agrego ese botón para correr la cadena en la terminal ?, ya que cuando explicaste lo de las expresiones regulares no puedo comprobar si funciona

    • @informaticadp
      @informaticadp  2 ปีที่แล้ว

      Hola muchas gracias! La extensión para VSC se llama code runner. Saludos!

  • @luchorap85
    @luchorap85 ปีที่แล้ว

    presionar enviar para cada vez que salgas del input o_O
    deberia señalar un error ni bien se pasa al otro input..

  • @lucas2087
    @lucas2087 2 ปีที่แล้ว

    Te hago una consulta, en el caso de las opciones a elegir en HTML, como hago para que si los valores son iguales el formulario salga en rojo? No sé si me explico

  • @JORGERUIZ-wj2lo
    @JORGERUIZ-wj2lo 2 ปีที่แล้ว +1

    muy buenas, alguien sabe como enviar dichos datos despues de validar todos los campos

  • @alanchavez9833
    @alanchavez9833 2 ปีที่แล้ว

    Buenas tardes,
    Estoy siguinedo al pie de la letra los pasos, pero por algún motivo, el ultimo valor "trim", me lo arroja como función, y no puedo imprimir en consola, ¿Qué estaré haciendo mal? Muchas gracias, excelentes videos.
    const usuarioValor = usuario.value.length.trim()

  • @marloncode
    @marloncode 2 ปีที่แล้ว

    Excelente tus video amigo.. pero como seria si necesito validar en tiempo real mientras el usuario va escribiendo!

    • @informaticadp
      @informaticadp  2 ปีที่แล้ว

      Muchas gracias bro!! Con el evento onchange() lo solucionas.

  • @manularrere
    @manularrere ปีที่แล้ว

    23:48 Hola como estas? cual es la extencion que usas para que la llave que usas se una con una linea a la llave que cierra?

    • @informaticadp
      @informaticadp  ปีที่แล้ว +1

      Hola Manuel! Puede que sea una extensión que se llama pretty code, si es que te referís a que el código quede prolijo por asi decirlo.

    • @manularrere
      @manularrere ปีที่แล้ว

      @@informaticadp 21:42 NO, me refiero a la linea gris que sigue los corteches de igual color y cierrane el bloque.-

  • @unicorniodefiesta920
    @unicorniodefiesta920 ปีที่แล้ว

    exelente video, tengo un problema el problema es que no se porque por masque trato de enviar el fromulario este no se envia

    • @unicorniodefiesta920
      @unicorniodefiesta920 ปีที่แล้ว

      acabo de verificar el codigo y noto que no hay ninguna opcion que remueva el e.preventdefault despues de hacer la valdiacion, como podria removerlo, he intentado varios metodos pero no lo consigo

  • @psicoanalisiscinedebate6054
    @psicoanalisiscinedebate6054 ปีที่แล้ว

    Hola excelente video, pero después de validar el formulario como envías la información ya que e.preventDefault() no permite enviar

    • @psicoanalisiscinedebate6054
      @psicoanalisiscinedebate6054 ปีที่แล้ว

      y si lo quitas no valida la información y manda directamente la información del formulario

    • @informaticadp
      @informaticadp  ปีที่แล้ว

      El preventDefault evita el comportamiento por defecto en este evento. En el caso del video, con el submit, evita la recarga de la página solamente.

    • @unicorniodefiesta920
      @unicorniodefiesta920 ปีที่แล้ว

      @@psicoanalisiscinedebate6054 amigo se que el comentario fue hace mucho tiempo, pero estoy pasando por lo mismo si me ayudaras te lo agradeceria muchisimo, conseguiste una solucion?