Curso jQuery | Validar formularios con jQuery 1

Поделиться
HTML-код
  • Опубликовано: 9 янв 2025

Комментарии • 97

  • @GloverHouse
    @GloverHouse 11 лет назад

    hey gracias por subir esto para los q comenzamos Gracias me ayudo mucho, bendicones

  • @vidamrr
    @vidamrr  12 лет назад +1

    usando javascript puedes usar parseInt() y isNaN() para saber si es número, pero para saber si son letras tienes que usar expresiones regulares y la función eval()

  • @hectorluis9294
    @hectorluis9294 8 лет назад +5

    Excelente video, muy buena la información. Lo único que te faltó es subir el código para poder experimentar con él. Del resto todo excelente

  • @ignacioibarra923
    @ignacioibarra923 11 лет назад

    Muchas gracias, me ha servido de mucha ayuda tu curso :D

  • @michaelstevenrobytorres6301
    @michaelstevenrobytorres6301 5 лет назад

    excelente tutorial, muchas gracias por tu valiosa ayuda

  • @hbkloco
    @hbkloco 12 лет назад

    es sublime text 2, es muy potente para desarrolladores 100% recomendado

  • @CarlosRodriguez-rj3zo
    @CarlosRodriguez-rj3zo 3 года назад

    Muchas gracias me sirvió bastante :)

  • @JoseMiguel-em2pi
    @JoseMiguel-em2pi 9 лет назад

    Gracias Dios te bendiga hermano!!

  • @Bloodylover3
    @Bloodylover3 12 лет назад

    hasta el momento me esta sirviendo =)

  • @ovatsug891
    @ovatsug891 12 лет назад

    Excelente video bien explicado muchas gracias

  • @SCRAMBLEPEREZ
    @SCRAMBLEPEREZ 11 лет назад +1

    Hola muchas grcacias por el tutorial, pero me gustaria saber como hago para que haciendo enter en las cajas de texto tambien se ejecute la validacion, gracias.

  • @vidamrr
    @vidamrr  12 лет назад

    si, ya no lo hago pero es indispensable tener la librería importada

  • @vidamrr
    @vidamrr  12 лет назад

    gracias

  • @Roxierocks91
    @Roxierocks91 12 лет назад +1

    Disculpa, y en que parte del archivo colocas la personalizacion de cada #mensaje? Por ejemplo #mensaje1 , #mensaje2 . Donde colocas la informacion que lleva cada mensaje de error?

  • @oliveira1820
    @oliveira1820 7 лет назад

    Muiiiiiiito obrigaaaaaado amigo!!!! Gracias!!! :D

  • @vidamrr
    @vidamrr  12 лет назад

    si, pero como es algo que tienes que hacer siempre ya no grabo la parte donde incluyo la librería

  • @johncreativeproducts5688
    @johncreativeproducts5688 8 лет назад +1

    buena vídeo aula amigo :D

  • @albertomilagro
    @albertomilagro 12 лет назад

    muy buen video, que programa utilizas para poder programar

  • @larryperez2148
    @larryperez2148 12 лет назад

    Muy buen tutorial, tengo una consulta que hacer, espero me puedas ayudar. como hago para validar un formulario en el que halla campos obligatorios, y si en usuario no introiduce algun campo olbigatorio regrese al formulario pero sin perdeer la informacion que ya halla escrito previamente, es decir que regrese al formulario pero que el usuario no tenga que escribir todo nuevamente si no que agregue el campo obilgatorio que le falta.
    Saludos. Gracias!

  • @vidamrr
    @vidamrr  12 лет назад

    pongo el código que tengo para que no sea necesario descargar nada, puedes ponerle pausa mientras explico el código html y css y ya ir haciendo el de jquery

  • @leoksp
    @leoksp 12 лет назад

    Esta muy Claro te felicito

  •  11 лет назад

    exelente video bro.

  • @matiasculcuy6999
    @matiasculcuy6999 12 лет назад +1

    hola muy interesante tu video y muy bien explicado. Lo intente hacer pero no pude hacer que haga lo mismo en mi compu realmente nose que es lo que esta andando mal :(

  • @FernandoFHernandez
    @FernandoFHernandez 11 лет назад

    Mala mía Ya vi el error.. Excelente tutorial perfecto...

  • @CarlosTucux
    @CarlosTucux 12 лет назад

    Que editor utilizas para programar? es Komodo edit?
    De antemano gracias por el tutorial esta muy completo.

  • @yelkapolic251
    @yelkapolic251 2 года назад

    Que buen tutorial, fui la única que notaba las gallinas de fondo? XD

  • @justintorres1853
    @justintorres1853 9 лет назад

    Tengo una duda esa manera de if aninados es la mejor forma de hacerlo?? osea tomando las buenas practicas, por que me hice a la guia de tu ejemplo pero en el mio le puse mas textos y me quedo hecho mierda mas si me corre pero solo queria saber si es una manera limpia pues de hacerlo

  • @nicolaspinto7519
    @nicolaspinto7519 5 лет назад

    Hola cómo sería la sintaxis en JS si uso un ?

  • @DavidRivera-uk1wh
    @DavidRivera-uk1wh 7 лет назад +2

    Hola gracias por el tutorial muy util, queria saber si puedes ayudarme tengo una fila de 5 campos tipo menu lista, todos tienen los mismos valores en el menu y queria hacer que se valide que los campos tengan valores diferentes, es decir que no se repita la seleccion en cada campo tipo menu. gracias

    • @vidamrr
      @vidamrr  7 лет назад

      Lo puedes validar con el método .val() para obtener los valores de cada lista. Checa este artículo que explica como validar esos campos al momento de que el usuario seleccione una opción del menú stackoverflow.com/questions/4379315/jquery-get-user-selected-value-from-select-list-when-using-default-select-y

    • @DavidRivera-uk1wh
      @DavidRivera-uk1wh 7 лет назад

      agradecido

  • @leobi12
    @leobi12 8 лет назад +1

    Quisiera comentar que escuche un guajolote de fondo :P.
    Buen video ;)

  • @FernandoFHernandez
    @FernandoFHernandez 11 лет назад

    Muy buen aporte... Estoy haciendo el código y en la excepción de validar el Correo siempre entra.. quería saber si a alguien el código le corrió bien o si presentaron el problema y como lo solucionaron???

  • @germanpace
    @germanpace 8 лет назад

    como hago para que se abra una modal de jquery avisando "sus datos se mandaron correctamente, como manejo el submit?

  • @dante85warrior41
    @dante85warrior41 Год назад

    funciona con modal?

  • @DarcknnesTecnologySD
    @DarcknnesTecnologySD 9 лет назад

    Hermano y que hago si el formulario lo tengo con data-ajax = false ??? no me quiere validar un formulario que hice, utilizando un javascript que yo mismo cree, estoy utilizando jquery mobile y lo tengo sin el ajax por lo tanto no me sirve el ajax ¿que hago? lo necesito urgente está en juego mi carrera TTnTT carajo, me quedan 4 dias, por favor, dentro de la validacion javascript tengo el id del mensaje de error y lo estoy imprimiendo en un span en la pagina html

  • @daniescalante6471
    @daniescalante6471 11 лет назад

    Explícame porfa lo de la librería de jQuery es algo q solo tengo q ponerlo así como tu lo has escrito o tengo que descargar algún archivo para luego llamarlo

  • @felipebeleno7441
    @felipebeleno7441 5 лет назад

    si quisiera redireccionar a un sitio x ya validados los datos que hago?

  •  5 лет назад

    No me resulta , presiono el boton para enviar datos y no me sale el mensaje de error.

  • @victorgarcia3526
    @victorgarcia3526 7 лет назад

    Hola! ¿Dónde puedo encontrar el código que has usado? En la página web no lo encuentro :/

    • @vidamrr
      @vidamrr  7 лет назад +1

      +Víctor García déjame busco el archivo y lo subo al GitHub o por aquí

  • @jpalacios92
    @jpalacios92 9 лет назад

    Podemos eliminar el código de la expresión regular modificando el input del correo por input="email". La función que realiza es la misma verdad?

  • @Tommi8801
    @Tommi8801 5 лет назад

    me re sirvió crack.. lo unico que me complicó fue hacer el cartel del msj de error

    • @vidamrr
      @vidamrr  5 лет назад +1

      Creo que era la parte más complicada, pero qué bueno que te salió

  • @ColdRooster
    @ColdRooster 7 лет назад +4

    min 7:20 ha cantado el gallo a Pedro

    • @vidamrr
      @vidamrr  7 лет назад

      jajaja perdón

  • @theluchito626
    @theluchito626 11 лет назад +2

    como hago para que realmente se envie el formulario de contacto y llegue a la base de datos del servidor?

    • @AleHacho
      @AleHacho 6 лет назад

      Yo lo agregando por ajax, al final de las validaciones, en la misma funcion creo el ajax y envio los datos a la BD.

  • @rolomanbea
    @rolomanbea 12 лет назад

    hola, de donde puedo sacar los archivos para poder hacer este formulario?

  • @dreadsean7233
    @dreadsean7233 8 лет назад

    disculpa la libreria de jquery se tiene que descargar???

    • @vidamrr
      @vidamrr  8 лет назад

      +Dead John Life DJL si, para hacer las pruebas locales si, puedes usar el CDN pero es un poco más lento si tienes que andar recargando mucho la página

  • @p3dr0qg
    @p3dr0qg 12 лет назад

    como hago pa validar el ingreso de solamente letras o numeros???

  • @p3dr0qg
    @p3dr0qg 12 лет назад

    no necesito importar la libreria JQuery??

  • @HuguiDugui
    @HuguiDugui 11 лет назад

    No sé que estaré haciendo mal pero... sólo tengo una caja de texto y el botón de enviar, mi problema es que no me aparece el mensaje de error :/
    Usé el mismo ejemplo y le quité todo hasta dejar una sola caja de texto, también los if's y pero no sé, la lógica del script no me queda :/
    ¿Cómo sería la validación de un solo campo?
    Gracias :)

  • @andresalain5084
    @andresalain5084 7 лет назад +1

    amigo en mi formulario tengo una imagen como background de fondo y al agregar los div de id mensaje 1 y 2 se me ponen sobre encima de la imagen como le puedo hacer para solucionarlo saludos !!

    • @vidamrr
      @vidamrr  7 лет назад

      pon tus capas por fuera de la capa que tienes de fondo, para que no las cubra

  • @eduardoarana2748
    @eduardoarana2748 8 лет назад +1

    excelente

  • @ernestg.c9537
    @ernestg.c9537 7 лет назад

    Oie amigo tengo una duda mira es que en mi formulario tengo 8 campos de esos 8 solo me valida 4 y los demas no los toma en cuenta ni quiera entra en el if que crees que pueda hacer de antemanl gracias

    • @vidamrr
      @vidamrr  7 лет назад

      +Ernesto Felipe Garay Cervantes revisa que los nombres sean los correctos, prácticamente no debería haber ningún otro problema , intenta primero viendo si esta bien eso y reconoce tus campos, ya después aplica tu validación

  • @MrChavaSmile
    @MrChavaSmile 10 лет назад +1

    Oye una pregunta, como le hago para poner la dirección de correo electrónico a la cual quiero que me llegue el formulario??

    • @vidamrr
      @vidamrr  10 лет назад

      MrChavaSmile puedes poner mailto: y luego el correo, pero esto abriría tu cliente de correo. La opción que dices se hace con un servidor configurado para enviar mails, se podría usar PHP, Servlets o cualquier otro lenguaje de servidor

  • @lightcheco
    @lightcheco 8 лет назад

    Muchas gracias, me funciona perfecto en todos los navegadores excepto firefox... tienes alguna idea de porque?

    • @vidamrr
      @vidamrr  8 лет назад

      +Ivan Pacheco urbina puede que sea un problema del jQuery por la versión, checa cual versión tienes

  • @angelhernandez9959
    @angelhernandez9959 10 лет назад

    Eso lo puedes validar con el sin necesidad del jquery

  • @JEANKA1706D
    @JEANKA1706D 8 лет назад

    Buen video! Sube el codigo!

  • @lennynmendoza4541
    @lennynmendoza4541 11 лет назад

    muy bueno el tutorial pero donde esta la libreria del jquery que usaste? emm xk no dejas el link ya que no somos adivinos de donde sacarla jeje

  • @taronyx
    @taronyx 10 лет назад +1

    y si quiero que de primeras me salga el mensaje en rojo de todos los campos incompletos o mal ingresados, es decir, que no solo valide individualmente para poder ver que campos hay que escribir o arreglar. Pues creo que sería más útil en caso de tener varios campos.

    • @vidamrr
      @vidamrr  10 лет назад +1

      gracias por tu consejo

  • @xlarryjx
    @xlarryjx 3 года назад

    like por el gallo que se escucho al inicio del video

  • @eliasmoreno7526
    @eliasmoreno7526 10 лет назад +2

    a mi no me resulta...

  • @smileshop4383
    @smileshop4383 11 лет назад

    Te costaba mucho poner un txt con todo el código?

    • @efrainbricenoasto8839
      @efrainbricenoasto8839 11 лет назад +2

      esque el chiste es que tu escribas ese codigo para que vayas conociendo los
      simbolos y la forma de Jquery. vas aver que asi aprendes mas loko

    • @smileshop4383
      @smileshop4383 11 лет назад +1

      Sí, pero no esta de más que lo pongas. Por lo menos para comprobar si funciona. Tal como estaba en tu vídeo no me funcionaba. El problema estaba con el archivo js que aparecía en tu código. Con ese archivo no me funcionaba, en cambio, con este sí: jquery-1.2.6.pack.js.
      No sé si será cosa de los navegadores. Si el código está disponible se ahorra uno quebraderos de cabeza.
      No te preocupes, que si alguien quiere aprender jquery lo hará como tú dices.

    • @suldreck
      @suldreck 9 лет назад

      Francisco Javier Santacruz a mi me pasa lo mismo, no consigo q me funcione , : S

    • @smileshop4383
      @smileshop4383 9 лет назад

      Has probado con la versión 1.2.6?

    • @suldreck
      @suldreck 9 лет назад

      Francisco Javier Santacruz estoy usando la jquery-1.11.2.min.js
      me he bajado la q dices y sigo igual.
      No he añadido estilos ni nada, sencillamente en blanco pero la parte de los mensajes esta visible todo el rato.

  • @rotopiag1049
    @rotopiag1049 8 лет назад +1

    Amigo Puedes hacer uno pero con JSON

    • @vidamrr
      @vidamrr  8 лет назад

      Gracias por el comentario, veré si lo publico en las siguientes semanas

  • @anagabrielacastroargueta7189
    @anagabrielacastroargueta7189 4 года назад

    no se me muestra el mensaje de error :(

  • @rogerbocanegra4375
    @rogerbocanegra4375 11 лет назад

    puedes compartir el codigo?

  • @nanoVeef
    @nanoVeef 6 лет назад +1

    Deberías Suministrar el código. Gracias

    • @vidamrr
      @vidamrr  6 лет назад

      Es que la idea es que lo hagan, si te atoras te puedo ayudar

    • @nanoVeef
      @nanoVeef 6 лет назад

      Gracias. Entiendo la idea ya que de esa forma se aprende. Solo te lo pedí para salir de un apuro, no tenía tiempo.

  • @albertoivan3494
    @albertoivan3494 6 лет назад

    ¿por qué no incluyes el código?

  • @gersonborja4851
    @gersonborja4851 8 лет назад

    y el event.preventDefault??? :c

  • @moi12freg
    @moi12freg 8 лет назад

    disculpa como puedo hacer que se envie a un correo real???

    • @vidamrr
      @vidamrr  8 лет назад

      +moises aguilar eso se hace con un lenguaje de servidor como PHP,.Net, etc

    • @moi12freg
      @moi12freg 8 лет назад

      A ok muchas gracias.
      Pense que también se podía hacer con javascript.

  • @omarocruz4769
    @omarocruz4769 11 лет назад

    like si escuchaste al gallo ajajaj

  • @sAbbath_
    @sAbbath_ 4 года назад

    Paseme eso

  • @marlonstickescobarmejia4090
    @marlonstickescobarmejia4090 11 лет назад

    hno ud me puede ayudar a hacer un formulario para que los usuarios puedan registrarsen en mi pagina web, y puedan subir programas imagenes e informacion del programa y puedan publicar el icono del programa, y que pueda subir tutoriales, hno me puedes ayudar cuando tengta la informacion me lo envias al facebook morocheft@hotmail.com o si creas el tutorial me mandas el link

  • @dante85warrior41
    @dante85warrior41 Год назад

    con modal no funciona xd

  • @DawnNonBlack
    @DawnNonBlack 5 лет назад

    Me qde sordo