📢ACTUALIZACIÓN: Nuevo curso de Javascript actualizado con mejor calidad, y mucho más contenido: 👉 www.desarrolloweb.io/cursos/javascript ¿Qué incluye el curso? ✅ Más de 33 horas en video en las que aprenderás más de 180 temas diferentes. ✅ 6 proyectos y aplicaciones reales para practicar todo lo aprendido. ✅Acceso a todo el código del curso, incluyendo los proyectos. ✅Acceso a un sistema de preguntas y respuestas. (siempre respondo todas las preguntas) ✅Garantía de 30 días, si no te gusta te devolvemos tu dinero.
Si en tu función 'validar' haces algo como esto (código al final), y a cada función de validación le haces retornar un booleano dependiendo de la satisfacción de su procesamiento particular, evitas que se te llene la ventana de alerts y sólo te los lance de manera jerárquica. Buen tutorial. Slds desde Chile. Ejemplo de booleanos (haré solo una, pero se supone que la idea es la misma para las tres validaciones): var todo = document.all; var formulario = todo('forma'); // 'forma' es el id que le puse a mi form var validarTerminos = function(e){ if(formulario.terminos){ // 'checked' = true return true; }else{ alert('* Debes aceptar los Términos y Condiciones [ ! ]'); e.preventDefault(); formulario.terminos.focus(); return false; } } function vaidar(e){ if(validarNombre(e) && validarSexo(e)){ validarTerminos(e); } }
eres muy bueno explicando los puntos y los pasos, te felicito,. Hay muy pocos que expliquen los pasos y la información tan estructurada y clara como lo haces tu. Un saludo.
Hola @FalconMasters, muy buenos tus cursos, he visto ya los de HTML, CSS, Bootstrap y ahora voy por este cap del de Javascript y me parecen bastante buenos, obviamente son bastante básicos y sería muy bueno q sacaras algunos más avanzados o intermedios al menos para los q somos ya más experimentados. Un saludo y un fuerte abrazo desde Venezuela hermano, te felicito por tu dedicación y esfuerzo para compartir tu conocimiento.
Para esa validación de RadioButton específica (en el minuto 11:10) se puede aplicar la Ley De Morgan Logica: la negación de V || V es F && F, y así te evitas agregar el Else. Muchas gracias por el tutorial ^^
Hola Carlos Arturo me pareció tu tutorial mucho muy fluido y comprensible, se ve que tienes mucha agilidad y gran capacidad para realizar este tipo de trabajo. He estado estudiando y practicando tus tutoriales de Java, html y css en la realización de un complemento para Google Docs y me han sido muy útiles. En lo que aún tengo dificultad es en pasar datos de mi complemento hacia el documento. Me gustaría que también te interesaras en este tipo de trabajo para que nos dieras una manita. Saludos.
Excelente video !! Me aclaraste muchos temas. Al formulario en el html le ingrese un id="idform:"
y a mi javaScript le cambie la linea: var formulario = document.getElementsByName("formulario")[0], por esta: var formulario = document.getElementById("idform"), Como lo menciona en el video es mejor accederlo de esta forma (lo deja de la inicial para temas ilustrativos) Ahora bien.. quiero pulir el codigo con algo que tambien mencionaste if(formulario.sexo[0].checked == true || formulario.sexo[1].checked == true){codigo} como reemplazo el .sexo[0], sexo[1], etc. .. para si incluyo el sexo ALIEN no tener que poner sexo[2] ??
Mi validación no caminaba, porque la hice toda al final y luego tuve que revisar paso a paso, encontrando varios errores que no estaban a la vista, hasta que por fin funcionó! Gracias Carlos Arturo!
No tira el ALERT seguramente porque en el video anterior se le había agregado el atributo REQUIERED a la etiqueta INPUT en el archivo HTML. Lo deben quitar para que funcione la validación en JS.
@@andresvarelosilgado9077 me podrias ayudar el mio no tiene el atributo requiered y aun asi no me manda el alert ya busque mis formas y no me lo manda saludos espero me puedas ayudar
@@escualoorlan22 fiajte bien si no colocaste getElementById yo me di cuenta que coloque getElementById en ves de ByName en todo caso revisa que es lo que falla presionando Ctrl + Shift + C para ver la consola ahi tirar el error
La función que valida el sexo, si validas que te de el error cuando los dos estan vacios te ahorras el else: validarCheck = function(e){ if (formul.radioSexo[0].checked == false && formul.radioSexo[1].checked==false) { alert("Por favor, seleccione un sexo"); e.preventDefault(); } de todas formas es un buen video "LIKE"
Hola buenas, he seguido la secuencia de tus videos, ya que me esta costando mucho comprender JavaScript, es este video en particular no me resulta el alert, he rebuscado por todas partes, seras tan amable de decirme cuando puedas en qué me equivocado? de antemano muchas gracias.😊 Validado Formularios
Hombre Mujer
Terminos y condiciones
(function(){ var formulario = document.getElementsByName('formulario')[0], elementos = formulario.elements, boton = document.getElementById('btn');
var validarNombre = function(e){ if (formulario.nombre.value == 0) {
alert ("Completa el campo nombre"); e.preventDefault(); } }; var validarRadio =function(e){ if (formulario.sexo[0].checked == true||formulario.sexo [1].checked == true){ } else{ alert ("Completa el campo sexo"); e.preventDefault(); } }; var validarCheckbox = function (e){ if (formulario.terminos.checked == false){ alert ("Acepta los terminos y condiciones"); e.preventDefault(); } };
var validar = function (e){ validarNombre(e); validarRadio(e); }; formulario.addEventListener("submit", validar); }())
Buenas, quisiera saber qué plugin estás utilizando para que en sublime text te aparezcan las sugerencias de autocompletado. Por ejemplo, escribes document.getEle y te sale la lista para seleccionar getElementById, etc. Gracias y saludos. P.D. Tienes unos vídeos geniales. Gracias por tus aportes.
En el momento de hacer la validacion del radio button es mas facil poner la parte de codigo igual a la de arriba, asi se sabe si tiene algun tipo de value el boton, de ser que no lo tenga muestra un alert para completarlo.
Una duda, es que no entiendo muy bien la variable "e" esa que le pasas a validarNombre ¿?¿? Cuando la llamas desde el addEventListener llamas la funcion pero sin pasarle ninguna variable en la funcio ¿? La e que quiere decir? Gracias!
+Malgustoweb La variable "e" es algo llamado callback, puedes usar la letra e o la palabra event o si quieres llamarla pepito, solo es una respuesta que genera un evento, se puede usar tanto para obtener valores del evento generado como por ejemplo el id de un elemento o detener la propagación de un evento como por ejemplo que al hacer click sobre un formulario no se ejecute el evento de redirección por eso se usa preventDefault(). preventDefault() se encuentra por así decirlo dentro de "e". Para mas dudas puedes plantearla en el foro de FalconMasters www.heroesdelaweb.com/
no me arroja el arlert simplemente se recarga la pagina cuando le doy enviar solo aparece el alert del php que dice que se envió correctamente y luego se recarga
Estuvo muy bueno, pero quede con una duda Falcon, cual es la funcion de la variable elementos, (elementos=formulario.elements), para que se usa; porque la quito e igual funciona todo. Gracias
Hola Arturo, sería de gran utilidad si pusieras tu código en la descripción para poder corroborar más fácilmente los errores. Buenos tutoriales, un abrazo
Esto funciona si el boton no es un submit, lo que pasa es que tengo una serie de inputs y al presionar un boton calcular unos valores con estos inputs. Esta validacion tambien funciona con un boton normal??
+FalconMasters Hola Carlos Arturo quisiera saber como podria generar cada alert de manera independiente? o sea que no aparezcan los dos al mismo tiempo y tambien quisiera saber como agregar un focus a los campos de texto...por ejemplo si el campo que esta vacío en mi caso es la clave el se enfoque en ese campo o si el que esta vacio es el usuario el se enfoque en el usuario...agradeciendo de antemano tu pronta respuesta
Por qué al momento de que me sale la alerta por qué falta solo uno o dos de los tres campos, le doy ok a la alerta y se me borran todos los campos, no los mantiene como lo hace Carlos Arturo,,que falta???
muy bueno la clase de la validacion ...q chvr , mas bien si no es mucha pedir , yo practico mucho estas cosas pero lo malo q en asp c# no me sale la validacion me puedes decir xq no puedo validar mis textbox
Se que este video es viejo y todo pero para validar los radios no hace falta hacer eso, se hace igual que un input de texto, if (document.sexo.value == "") quiere decir que ninguno fue seleccionado, igual con los checkbox, otra cosa, cuando alguna operacion retorna automaticamente true, no hace faltar poner if (document.sexo.checked == true) con solo poner if (document.sexo.checked) es suficiente
Hola! Muy bueno el tuto... si quisiera poner el código JavaScript en un archivo aparte, que cambiaría del código para que siga funcionando? Muchas gracias!!
Encantado de saludarle Carlos Arturo es un placer atender sus videos, pues me aporta mucho como programador de Javascript en entorno wix. Tengo una pregunta pues intento validar con preventDefault en wix y no es posible, me podría dar alguna otra solución. Intento ejecutar este evento, pero no reacciona validarNombre = function (event) { if ($w('#nombre').value === 0) { { event.preventDefault(); } } }
Estimado Falcon , nunca trabaje las funciones javascript asi....... siempre declarandonas function nombre { .... } y a los elementos llamandolos por nombre document.formulario.nombre etc ..... esto de los listeners y los eventos es nuevo para mi, asi como la funcion que se autoinvoca, no se si empezar aplicarlo....por que esto es la forma general en que se esta trabajando esto o es una forma particular suya?, saludos y gracias por tu trabajo me ha ayudado mucho
Para ubicar el elemento del formulario en vez de hacerlo por getelement se podria hacer con queryselector? creo que es mas practico y abarca mas o estoy equivocado?
Hola Falcon Master te queria preguntar si puedes hacer un video donde nos estes enseñando como se puede validar un nombre osea. si tu ingresas un numero en una casilla donde te pida ingresar un nombre pues te diga error nombre invalido.....osea que solo puede aceptar letras de la "a" asta la "z"......menos numeros o signos,,,esto te lo pregunto sobre un formulario......y si puedes que nos explique si se puede validar un nombre real ,,,,,,,,como por ejemplo te pide que ingreses un nombre y tu escribes "sdsadd" pues te diga error nombre inasixtente......te lo pido de favor GRACIAS.....
Saludos , Carlos necesito saber como hacer un formulario con radio buttons y darle valor a ellos , es para al final con un submit calcular todos los radio y hacer una expecie de examen , gracias
Seria recomendable hacerlo pues cuando tienes varios input radio que poner, así te ahorras varias lineas de código. Y no te preocupes, puesto que ese video es del 2015, sin duda, ahora casi todos los navegadores son compatibles con dicho tipo de validación.
me esta dado error en esta parte y no me funciona elementos = formulario.elements rso Básico de Javascript Uncaught TypeError: Cannot read properties of undefined (reading 'elements')
genial que interesantes son tus videos solo que no me queda claro porque en el script si pongo (formulario.addEventListener(); y lo que lleva de parametros ), al inicio no lo lee siempre tiene que ir abajo y aveces en otros programas se tienen que colocar al inicio y si las lee aun no me queda muy clario en como el script lee las funciones nos ayudarias mucho con eso explicandolo en algun video bueno si se pudiera bueno es todo gracias por tu atencion saludos.
Muy buenos videos FM, Gracias por todo¡! Mi problema es que despues de cada alert se me reinicia la pagina y no se me guarda el nombre y lo demas , y veo que a ti no te pasa esto. Como se soluciona¿?
saludos Carlos, excelentes todos tus vt. tengo una pregunta y espero que me des una mano con esto// tengo 3 radios button pero el name de los radios los traigo desde la bd(traigo el nombre), hasta ahí no tengo problemas, la pregunta esta que como no tengo un name que escribí manualmente no los puedo recoger por post(si imprimo las varibles que llegaron por post recibo el valor sin problemas). el caso es que si lo hago con getElementId() como pasaría ese valor a php(lo intente con ajax pero no funciono). te agradeceria un montón esta ayuda men.
(function () { var formulario = document.getElementsByName('formulario')[0], elementos = formulario.elements, boton = document.getElementById('btn'); var validarNombre = function (e) { if (formulario.nombre.value == 0) { alert("Completa el campo nombre"); e.preventDefault(); } }; var validarRadio = function (e) { if (formulario.sexo[0].checked == true || formulario.sexo[1].checked == true) { } else { alert("Completa el campo sexo"); e.preventDefault(); } }; var validarCheckbox = function (e) { if (formulario.terminos.checked == false) { alert("Aceptar los terminos"); e.preventDefault(); } }; var validar = function (e) { validarNombre(e); validarRadio(e); validarCheckbox(e); }; formulario, addEventListener("submit", validar); }())
Carlos Arturo. De antemano muchas gracias por compartir tus videos, he aprendido bastante. Una pregunta ? si tu te llevas la linea // formulario.addEventListener("submit", validar); y la colocas despues de haber declarado la variable boton. porque no funciona bien el formulario Te agradecería me pudieras contestar? Un Saludo att: Alien Jajaja
de las variables que creaste al principio: var elementos = formulario.elements; var boton = document.getElementById('btn'); fueron usadas esas dos?? o estan en vano?..porque no note que las hayas usado, y de hecho si las comento, la validacion anda igual.
Hola buenas tardes, buen tutorial. La ultima validación seria en el campo nombre que coincida con el sexo del radio es decir que al escribir un un nombre masculino o femenino coincida con el sexo. he tratado de hacer esta validación pero no lo he logrado me puede ayudar con esta ultima parte gracias
Hola excelentes videos eh aprendido javascript gracias a ti y gracias por tu tiempo... pero me a surgido una duda: ¿Como hacemos funcionar 2 botones tipo submit en el mismo formulario? SALUDO DESDE HONDURAS!!!
+Johan Aaron Velasquez Ardon Hola que tal, lo que pasa es que en vez de poner 2 botones de tipo submit tienes que crear mas bien 2 formularios, y a cada form le pones su id diferente
Hola. En el video Javascript 22.- [Practica] Como validar un formulario Tengo una inconsistencia: al intentar actualizar la página me sale el siguiente error: validandoFormularios.html:26 Uncaught TypeError: document.getElementByName is not a function O sea no reconoce la función document.getElementbyname
Aquí puedes encontrar la respuesta a tu pregunta: es.stackoverflow.com/questions/48512/cu%C3%A1l-es-la-diferencia-entre-return-false-preventdefault-stoppropagation-y-stop
+FalconMasters Hola genial tus vídeos Falcon, Me podrías decir que teclas utilizaste para separar los dos if true. ( formulario.sexo[0].checked == true ) y ( formulario.sexo[1].checked == true). No los puedo separar. Saludos
Muy buenos tutoriales e seguido los de bootstrap y javascript. Por casualidad tienes pensado subir algo con myphpadmin y las herramientas que te mencione antes, para que los formularios queden mas vistosos. Gracias
Porque seguramente en var formulario = document.getElementsByName tiene document.getElementsBy*Tag*Name y para esa función tagname no está definido el elements.
![Como hacer una App Lista de Tareas con Javascript (Curso JS) [1/2]](http://i.ytimg.com/vi/QEp5MwFneRQ/mqdefault.jpg)
![Como hacer una App Lista de Tareas con Javascript (Curso JS) [1/2]](/img/tr.png)
📢ACTUALIZACIÓN: Nuevo curso de Javascript actualizado con mejor calidad, y mucho más contenido:
👉 www.desarrolloweb.io/cursos/javascript
¿Qué incluye el curso?
✅ Más de 33 horas en video en las que aprenderás más de 180 temas diferentes.
✅ 6 proyectos y aplicaciones reales para practicar todo lo aprendido.
✅Acceso a todo el código del curso, incluyendo los proyectos.
✅Acceso a un sistema de preguntas y respuestas. (siempre respondo todas las preguntas)
✅Garantía de 30 días, si no te gusta te devolvemos tu dinero.
Si en tu función 'validar' haces algo como esto (código al final), y a cada función de validación le haces retornar un booleano dependiendo de la satisfacción de su procesamiento particular, evitas que se te llene la ventana de alerts y sólo te los lance de manera jerárquica. Buen tutorial. Slds desde Chile.
Ejemplo de booleanos (haré solo una, pero se supone que la idea es la misma para las tres validaciones):
var todo = document.all;
var formulario = todo('forma'); // 'forma' es el id que le puse a mi form
var validarTerminos = function(e){
if(formulario.terminos){ // 'checked' = true
return true;
}else{
alert('* Debes aceptar los Términos y Condiciones [ ! ]');
e.preventDefault();
formulario.terminos.focus();
return false;
}
}
function vaidar(e){
if(validarNombre(e) && validarSexo(e)){
validarTerminos(e);
}
}
eres muy bueno explicando los puntos y los pasos, te felicito,. Hay muy pocos que expliquen los pasos y la información tan estructurada y clara como lo haces tu.
Un saludo.
Hola @FalconMasters, muy buenos tus cursos, he visto ya los de HTML, CSS, Bootstrap y ahora voy por este cap del de Javascript y me parecen bastante buenos, obviamente son bastante básicos y sería muy bueno q sacaras algunos más avanzados o intermedios al menos para los q somos ya más experimentados.
Un saludo y un fuerte abrazo desde Venezuela hermano, te felicito por tu dedicación y esfuerzo para compartir tu conocimiento.
Para esa validación de RadioButton específica (en el minuto 11:10) se puede aplicar la Ley De Morgan Logica: la negación de V || V es F && F, y así te evitas agregar el Else. Muchas gracias por el tutorial ^^
Hola Carlos Arturo me pareció tu tutorial mucho muy fluido y comprensible, se ve que tienes mucha agilidad y gran capacidad para realizar este tipo de trabajo. He estado estudiando y practicando tus tutoriales de Java, html y css en la realización de un complemento para Google Docs y me han sido muy útiles. En lo que aún tengo dificultad es en pasar datos de mi complemento hacia el documento. Me gustaría que también te interesaras en este tipo de trabajo para que nos dieras una manita. Saludos.
Excelente video !! Me aclaraste muchos temas.
Al formulario en el html le ingrese un id="idform:"
y a mi javaScript le cambie la linea: var formulario = document.getElementsByName("formulario")[0],
por esta:
var formulario = document.getElementById("idform"),
Como lo menciona en el video es mejor accederlo de esta forma (lo deja de la inicial para temas ilustrativos)
Ahora bien.. quiero pulir el codigo con algo que tambien mencionaste
if(formulario.sexo[0].checked == true || formulario.sexo[1].checked == true){codigo}
como reemplazo el .sexo[0], sexo[1], etc. .. para si incluyo el sexo ALIEN no tener que poner sexo[2]
??
eres un crack se me complica mucho programar pero contigo estoy aprendiendo, graxxxx
Estuvo bueno falcón, de casualidad tendrás uno de una validación un poco mas avanzada?
Mi validación no caminaba, porque la hice toda al final y luego tuve que revisar paso a paso, encontrando varios errores que no estaban a la vista, hasta que por fin funcionó! Gracias Carlos Arturo!
Que hiciste?
Estoy haciendo un proyecto y me has salvado la tarde, muchas gracias :)
Gracias hermano, me sirvió mucho tu videotutorial, me ayudó como no tienes idea😊
No tira el ALERT seguramente porque en el video anterior se le había agregado el atributo REQUIERED a la etiqueta INPUT en el archivo HTML. Lo deben quitar para que funcione la validación en JS.
Me sirvió esto
@@andresvarelosilgado9077 me podrias ayudar el mio no tiene el atributo requiered y aun asi no me manda el alert ya busque mis formas y no me lo manda saludos espero me puedas ayudar
@@escualoorlan22 fiajte bien si no colocaste getElementById
yo me di cuenta que coloque getElementById en ves de ByName en todo caso revisa que es lo que falla presionando Ctrl + Shift + C para ver la consola ahi tirar el error
@@GodDoesntPlayDice En todo caso, si quieres usar getElementById, solo hay que ponerle un id al form de html y ya lo va a reconocer.
Este es el mejor para mi
La función que valida el sexo, si validas que te de el error cuando los dos estan vacios te ahorras el else:
validarCheck = function(e){
if (formul.radioSexo[0].checked == false && formul.radioSexo[1].checked==false) {
alert("Por favor, seleccione un sexo");
e.preventDefault();
}
de todas formas es un buen video "LIKE"
Mi profesor no explica nada pero gracias a ti a lo mejor apruebo
Cuál es la diferencia concreta de usar function myFuncion() a myFuncion = function() ?
Hola buenas, he seguido la secuencia de tus videos, ya que me esta costando mucho comprender JavaScript, es este video en particular no me resulta el alert, he rebuscado por todas partes, seras tan amable de decirme cuando puedas en qué me equivocado? de antemano muchas gracias.😊
Validado Formularios
Hombre
Mujer
Terminos y condiciones
(function(){
var formulario = document.getElementsByName('formulario')[0],
elementos = formulario.elements,
boton = document.getElementById('btn');
var validarNombre = function(e){
if (formulario.nombre.value == 0) {
alert ("Completa el campo nombre");
e.preventDefault();
}
};
var validarRadio =function(e){
if (formulario.sexo[0].checked == true||formulario.sexo [1].checked == true){
} else{
alert ("Completa el campo sexo");
e.preventDefault();
}
};
var validarCheckbox = function (e){
if (formulario.terminos.checked == false){
alert ("Acepta los terminos y condiciones");
e.preventDefault();
}
};
var validar = function (e){
validarNombre(e);
validarRadio(e);
};
formulario.addEventListener("submit", validar);
}())
adoro cuando dice "esto es genial se puede hacer muchas cosas"
muy buena explicación falcón, pero no me fije en donde utilizaste la variable elemento? no me di cuenta y vi el video varias veces, soy nueva en esto.
Excelente video, detallado y fácil de entender, me sacaste de un enredo tremendo. Muchas gracias!!
Estuvo re contra bueno este tutorial!!! Muy bien explicado amigo!!!
Buenas, quisiera saber qué plugin estás utilizando para que en sublime text te aparezcan las sugerencias de autocompletado. Por ejemplo, escribes document.getEle y te sale la lista para seleccionar getElementById, etc. Gracias y saludos.
P.D. Tienes unos vídeos geniales. Gracias por tus aportes.
En el momento de hacer la validacion del radio button es mas facil poner la parte de codigo igual a la de arriba, asi se sabe si tiene algun tipo de value el boton, de ser que no lo tenga muestra un alert para completarlo.
Como cuando te sale un anuncio de udemy con Carlos Arturo en un video de Carlos Arturo en el que anuncia algo que explica algo gratis aqui
Una duda, es que no entiendo muy bien la variable "e" esa que le pasas a validarNombre ¿?¿? Cuando la llamas desde el addEventListener llamas la funcion pero sin pasarle ninguna variable en la funcio ¿? La e que quiere decir?
Gracias!
+Malgustoweb La variable "e" es algo llamado callback, puedes usar la letra e o la palabra event o si quieres llamarla pepito, solo es una respuesta que genera un evento, se puede usar tanto para obtener valores del evento generado como por ejemplo el id de un elemento o detener la propagación de un evento como por ejemplo que al hacer click sobre un formulario no se ejecute el evento de redirección por eso se usa preventDefault().
preventDefault() se encuentra por así decirlo dentro de "e". Para mas dudas puedes plantearla en el foro de FalconMasters www.heroesdelaweb.com/
tengo el codigo exactamente igual pero no funciona al presionar el boton, que pasa
Excelente . Manita con pulgar arriba
no me arroja el arlert simplemente se recarga la pagina cuando le doy enviar solo aparece el alert del php que dice que se envió correctamente y luego se recarga
Estuvo muy bueno, pero quede con una duda Falcon, cual es la funcion de la variable elementos, (elementos=formulario.elements), para que se usa; porque la quito e igual funciona todo. Gracias
Muchas graciassssssssssssssssss
se puede hacer required para un prompt que pide como dato obligatorio ser mayor de 18 años?
Hola Arturo, sería de gran utilidad si pusieras tu código en la descripción para poder corroborar más fácilmente los errores.
Buenos tutoriales, un abrazo
Al escribir getElementsByTagName o getElementsByName no marcaria un error? o sirve de cualquiera de las dos formas?
y si quiero enviar un mensaje una vez chequeado todos todos los puntos anterior? como por ej: su formulario se envió correctamente
Millones de gracias :')
Esto funciona si el boton no es un submit, lo que pasa es que tengo una serie de inputs y al presionar un boton calcular unos valores con estos inputs. Esta validacion tambien funciona con un boton normal??
+FalconMasters Hola Carlos Arturo quisiera saber como podria generar cada alert de manera independiente? o sea que no aparezcan los dos al mismo tiempo y tambien quisiera saber como agregar un focus a los campos de texto...por ejemplo si el campo que esta vacío en mi caso es la clave el se enfoque en ese campo o si el que esta vacio es el usuario el se enfoque en el usuario...agradeciendo de antemano tu pronta respuesta
Por qué al momento de que me sale la alerta por qué falta solo uno o dos de los tres campos, le doy ok a la alerta y se me borran todos los campos, no los mantiene como lo hace Carlos Arturo,,que falta???
yo estoy usando un metodo post en mi formulario... el validar que muestras en el video va a funcionar de igual modo?
muy bueno la clase de la validacion ...q chvr , mas bien si no es mucha pedir ,
yo practico mucho estas cosas pero lo malo q en asp c# no me sale la validacion me puedes decir xq no puedo validar mis textbox
Excelente FM !! Muy bien explicado Saludos !!
Se que este video es viejo y todo pero para validar los radios no hace falta hacer eso, se hace igual que un input de texto, if (document.sexo.value == "") quiere decir que ninguno fue seleccionado, igual con los checkbox, otra cosa, cuando alguna operacion retorna automaticamente true, no hace faltar poner if (document.sexo.checked == true) con solo poner if (document.sexo.checked) es suficiente
excelente video, muy bien explicado, un gusto aprender de esta manera
Me encantan tus videos y agradezco mucho tú dedicación !!!
Un salduo muy cordial !!!
Hola! Muy bueno el tuto... si quisiera poner el código JavaScript en un archivo aparte, que cambiaría del código para que siga funcionando? Muchas gracias!!
Listo.. solucionado... había puesto ( function (){
...Code ....
}
Y es:
function (){
...Code ....
} ())
Encantado de saludarle Carlos Arturo es un placer atender sus videos, pues me aporta mucho como programador de Javascript en entorno wix. Tengo una pregunta pues intento validar con preventDefault en wix y no es posible, me podría dar alguna otra solución. Intento ejecutar este evento, pero no reacciona
validarNombre = function (event) {
if ($w('#nombre').value === 0) {
{ event.preventDefault(); }
}
}
Estimado Falcon , nunca trabaje las funciones javascript asi....... siempre declarandonas function nombre { .... } y a los elementos llamandolos por nombre document.formulario.nombre etc ..... esto de los listeners y los eventos es nuevo para mi, asi como la funcion que se autoinvoca, no se si empezar aplicarlo....por que esto es la forma general en que se esta trabajando esto o es una forma particular suya?, saludos y gracias por tu trabajo me ha ayudado mucho
hola yo uso el servidor wamp este forma de validar los formularios me sirve o no??
Para ubicar el elemento del formulario en vez de hacerlo por getelement se podria hacer con queryselector? creo que es mas practico y abarca mas o estoy equivocado?
Si, puedes usar querySelector también.
Hola Falcon Master te queria preguntar si puedes hacer un video donde nos estes enseñando como se puede validar un nombre osea. si tu ingresas un numero en una casilla donde te pida ingresar un nombre pues te diga error nombre invalido.....osea que solo puede aceptar letras de la "a" asta la "z"......menos numeros o signos,,,esto te lo pregunto sobre un formulario......y si puedes que nos explique si se puede validar un nombre real ,,,,,,,,como por ejemplo te pide que ingreses un nombre y tu escribes "sdsadd" pues te diga error nombre inasixtente......te lo pido de favor GRACIAS.....
hola muy buenos vídeos.. alguno de ello me ayudara a auto completar un formulario.. xfa me ayudaría mucho.. nose mucho de programación..
no me funciona ... alaguen pe podría pasar el scrip para copiar por favor
gracias
Hola tengo una interrogante, me podrías explicar para que uso declaras la variable "boton".
muy bueno el video, saludos desde España :).
¿Puedes validar un nombre si tienes caracteres especiales como #@!"/* etc.?
hola amigo como se podria recorrer un array para evaluarlo.Gracias
Saludos , Carlos necesito saber como hacer un formulario con radio buttons y darle valor a ellos , es para al final con un submit calcular todos los radio y hacer una expecie de examen , gracias
alien jaja estuvo bueno
+Enrique muñoz No se me ocurrio nada en ese momento haha
Todo muy claro, pero me quedé sin saber si es bueno usar required o cuándo debo usarlo
Seria recomendable hacerlo pues cuando tienes varios input radio que poner, así te ahorras varias lineas de código. Y no te preocupes, puesto que ese video es del 2015, sin duda, ahora casi todos los navegadores son compatibles con dicho tipo de validación.
Me suscribo, muy buen curso para principiantes.
nadie:
ningun programador:
falconmaster: sexo: alien ajajajaajaajajaj
muy buen video
EXCELENTE!!!
alguien me explica lo de e.preventDefault()?? osea de donde sale esa variable
me esta dado error en esta parte y no me funciona elementos = formulario.elements rso Básico de Javascript Uncaught TypeError: Cannot read properties of undefined (reading 'elements')
disculpen me pone un error al tratar de añadir el evento:
formulario.addEventListener("submit",validar);
agradesco me puedan ayudar
genial que interesantes son tus videos solo que no me queda claro porque en el script si pongo (formulario.addEventListener(); y lo que lleva de parametros ), al inicio no lo lee siempre tiene que ir abajo y aveces en otros programas se tienen que colocar al inicio y si las lee aun no me queda muy clario en como el script lee las funciones nos ayudarias mucho con eso explicandolo en algun video bueno si se pudiera bueno es todo gracias por tu atencion saludos.
la manera que yo conocia como validar no me funciono pero con tu video se me aclaro muchas dudas
Esta bueno la validacion, pero los aler no son muy esteticos talvez podrias hacer un video con Etiquetas que aparecen y desaparecen
Muy buenos videos FM, Gracias por todo¡! Mi problema es que despues de cada alert se me reinicia la pagina y no se me guarda el nombre y lo demas , y veo que a ti no te pasa esto. Como se soluciona¿?
saludos Carlos, excelentes todos tus vt. tengo una pregunta y espero que me des una mano con esto//
tengo 3 radios button pero el name de los radios los traigo desde la bd(traigo el nombre), hasta ahí no tengo problemas, la pregunta esta que como no tengo un name que escribí manualmente no los puedo recoger por post(si imprimo las varibles que llegaron por post recibo el valor sin problemas). el caso es que si lo hago con getElementId() como pasaría ese valor a php(lo intente con ajax pero no funciono). te agradeceria un montón esta ayuda men.
Me da un error em la parte de elements no la reconoce como propiedad que hago. NO e podido comprobar nada
alguien sabe porque me funciona diferente? no me sale alerta de poner nombre y las alertas me salen muy diferentees
o
Hombre
Mujer
Terminos y Condiciones
(function () {
var formulario = document.getElementsByName('formulario')[0],
elementos = formulario.elements,
boton = document.getElementById('btn');
var validarNombre = function (e) {
if (formulario.nombre.value == 0) {
alert("Completa el campo nombre");
e.preventDefault();
}
};
var validarRadio = function (e) {
if (formulario.sexo[0].checked == true || formulario.sexo[1].checked == true) {
} else {
alert("Completa el campo sexo");
e.preventDefault();
}
};
var validarCheckbox = function (e) {
if (formulario.terminos.checked == false) {
alert("Aceptar los terminos");
e.preventDefault();
}
};
var validar = function (e) {
validarNombre(e);
validarRadio(e);
validarCheckbox(e);
};
formulario, addEventListener("submit", validar);
}())
mira quiero llenar un values con un dato enviado con javascript como lo puedo hacer
Gracias por tus videos. He aprendido mucho contigo.
En el minuto 13:15 en el if del ckekbox si esta chekeado ,seria igualuarlo a true
if(formulario.terminos.checked == true){
Carlos Arturo. De antemano muchas gracias por compartir tus videos, he aprendido bastante. Una pregunta ? si tu te llevas la linea // formulario.addEventListener("submit", validar); y la colocas despues de haber declarado la variable boton. porque no funciona bien el formulario Te agradecería me pudieras contestar? Un Saludo att: Alien Jajaja
+Gustavo Romero hola que tal, pudistes resolver ? porque a mi no me funciono,
De hecho los radio buton puedes verificarlos directamente en su value global. Es mas fácil.
Muchas Gracias fue un buen vídeo, aunque no entiendo por que la función principal no tiene nombre solo tiene " ( ) " Me gustaría saber por que?
Estás agregando el nombre de la constante a la función, por tanto, la fución queda: function nombreDeLaConstante() {}
de las variables que creaste al principio:
var elementos = formulario.elements;
var boton = document.getElementById('btn');
fueron usadas esas dos?? o estan en vano?..porque no note que las hayas usado, y de hecho si las comento, la validacion anda igual.
Muy buena la observación. Ojala Falcon las pueda aclarar.
no las usa en este ejemplo de aquí
Cuando podrías hacer un curso de PHP :D saludos falcon
+Esteban Ramos yo tambien lo estoy pidiendo
+Brian Habib Yo tambien!! Te lo agradeceriamos mucho FalconMasters
excelentes FM son lo maximo, gracias a practicar desde ya
Hola Carlos excelente curso, Carlos como puedo evadir la opción requerid en html5. Con esto aplicó lo practicado en tema
Gracias
fijate si te esta enviando el formulario. acordate de poner el e..preventDefault(); para evitar el envio del formulario.
Hola buenas tardes, buen tutorial. La ultima validación seria en el campo nombre que coincida con el sexo del radio es decir que al escribir un un nombre masculino o femenino coincida con el sexo. he tratado de hacer esta validación pero no lo he logrado me puede ayudar con esta ultima parte gracias
Como hacer con Andrea, Dennis, Por no decir que es solo una parte del problema.
Hola excelentes videos eh aprendido javascript gracias a ti y gracias por tu tiempo... pero me a surgido una duda: ¿Como hacemos funcionar 2 botones tipo submit en el mismo formulario? SALUDO DESDE HONDURAS!!!
+Johan Aaron Velasquez Ardon Hola que tal, lo que pasa es que en vez de poner 2 botones de tipo submit tienes que crear mas bien 2 formularios, y a cada form le pones su id diferente
muchas gracias +FalconMasters excelentes videos!!!!
Hola carlos: estoy haciendo tu curso de UDEMY, pero no funcionaron estas dos funciones en validar el formulario
function validarSexo(e) {
if (sexo.value == '' || sexo.value == null) {
error.style.display = 'block';
error.innerHTML += 'Por favor selecciona el sexo';
console.log('Por favor completa el sexo');
e.preventDefault();
} else {
error.style.display = 'none';
}
}
function validarTerminos(e) {
if (terminos.checked = false) {
error.style.display = 'block';
error.innerHTML += 'Por favor acepte los terminos';
console.log('Por favor acepte los terminos');
e.preventDefault();
} else {
error.style.display = 'none';
}
}
sacaras secuelas mas largas de otros tutoriales o solamente javascript tiene 2 versiones?
+Daniel Heredia Si sacare mas videos de javascript, a que te refieres con 2 versiones?
hola todo salio bien pero como le hago para que los datos se manden ya sea a un sitio web o a un correo electronico ?????
Creo que ese tema lo abarca PHP.
GENIOOOOOO!!! Qué bien qe explicas!!!! Gracias!!!!
por que pone e.preventDefault, que es la e???
Hola. En el video Javascript 22.- [Practica] Como validar un formulario
Tengo una inconsistencia: al intentar actualizar la página me sale el siguiente error:
validandoFormularios.html:26 Uncaught TypeError: document.getElementByName is not a function
O sea no reconoce la función document.getElementbyname
el error puede ser por que es getElementsByName con S
Gracias! De seguro me va a servir mucho. :)
Para quienes no les funcionó el alert, yo lo solucioné poniendo
elementos=document.formulario.elements,
y listo :D
Pues aún no me funciona :S
El parametro (e) que le pasamos a las funciones a que equivale? Ya que en ningún momento se crea e ni se le asigna valor
Aquí puedes encontrar la respuesta a tu pregunta:
es.stackoverflow.com/questions/48512/cu%C3%A1l-es-la-diferencia-entre-return-false-preventdefault-stoppropagation-y-stop
+FalconMasters Hola genial tus vídeos Falcon, Me podrías decir que teclas utilizaste para separar los dos if true. ( formulario.sexo[0].checked == true ) y ( formulario.sexo[1].checked == true). No los puedo separar. Saludos
||
Yo tengo la duda de como hacer que se envien al mail cuando le das a enviar por ejemplo
Eso se hace con PHP, no con Javascript
Muy buenos tutoriales e seguido los de bootstrap y javascript. Por casualidad tienes pensado subir algo con myphpadmin y las herramientas que te mencione antes, para que los formularios queden mas vistosos. Gracias
oye falcon sabes por que el comando elements no me funciona, me dice que no esta definido.
Porque seguramente en var formulario = document.getElementsByName tiene document.getElementsBy*Tag*Name y para esa función tagname no está definido el elements.
Gracias!!!
Te interesa crear una pagina conmigo?
@@saraicastillo1029 Puedes comentarme algo mas sobre tu proyecto en mi correo eaprus33@gmail.com