Curso PHP Básico: 4. Validación de datos con JavaScript -

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 kzbin.info... 🤓
👉 Visita mi sitio web jonmircha.com/ 💻
🌮 ¿Me invítas un taco? www.paypal.me/...
🗃️ Recursos: github.com/jon...
📦 Códigos: github.com/jon...

[@jonmircha]

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

[@hernanantonioramirezosorio7383]

Admirable tu trabajo, gente asi es la que necesitamos, que ayude y difunda sus buenos conocimientos.. muchas gracias

[@anlumajasupertramp]

Sr. Mircha, doy gracias por encontrar un lugar como éste, donde comparte su saber hacer y sus conocimientos sin el más mínimo interés que el de hacer docencia. Gracias, se ha ganado un seguidor con muchas ganas de aprender.

[@chrisayuron]

Observe un tutorial de PHP de 9 horas, y senti que solo fui un espectador. Pero en verdad que llevarlo a la practica hace que sea mas claro el asunto. Aunque este tutorial tiene 11 anos, pude ponerlo en practica sin problemas. Profe jon, en verdad que es un maestro. Muchas gracias.

[@jonmircha]

👋🏻😉

[@devangel1698]

Hola buen video, solo añadir que ahora si omites especificar explícitamente el atributo enctype su valor predeterminado será precisamente "application/x-www-form-urlencoded"

[@adrianmartinez2061]

Vamos !! a seguir con el curso!! gracias profe!!

[@jonmircha]

👋🏻😉

[@jorgevasquez2794]

En verdad Buenisimo lo recomiendo, el profe esta genial... en verdad muy pero muy probechoso, lo estoy pasando todo para poder aportar a la empresa en las operaciones diarias, no soy programador pero algo aprendi de niño y ahora con el nivel de enseñansa estoy aprendiendo un monton.

[@krashdata]

Muchas gracias ojala los tutores de mi U fueran como tú

[@duvanestebanvalenciasanche585]

Parcero, éste es uno de los buenos tutoriales que he visto, felicitaciones.

[@agrupacionfantasia]

amigo te pasaste un fuerte abrazo ahora mi pagina esta mas nutrido gracias por compartir tus conomicimientos muy pero muy importantes

[@tatianabonilla4272]

Gracias por tu dedicación con los tutoriales ;-) Explicas muy bien. Saludos desde Colombia.

[@albertoarielarce2982]

Excelente video Profe, muchas gracias!! sigo aprendiendo!

[@emmanuelhostiaortiz5966]

El mejor maestro en php. Muchas Gracias

[@jonmircha]

De nada, comparte y suscribete

[@JAVIERDAVINCI]

Que bien Jhonathan,,, todos tus tutoriales estan excelentes,,gracias por compartir tus conocimientos y saber explicar de esa manera...sigue asi,, saludos desde Bogotá Colombia.

[@yosoyfenix]

Muy bien explicado, no me salió la primera vez, la tercera fue la vencida ya funcionan las ventanas emergentes como en el tuto, el error era que me equivoque varias veces al escribir el código. Pero sirvió para repasar el conocimiento que estoy adquiriendo. Gracias.

[@leoprone1]

Excelente clase Jon! muchas gracias!

[@jonmircha]

Con mucho gusto

Muchas gracias por los tutoriales, muy interesantes, bien explicados y pues para ser un gran maestro no se necesita saberlo todo, nada más querer hacerlo y hacerlo de corazón. Muchas gracias otra vez.

[@christianosorio9239]

Probablemente alguien ya lo habra comentado pero si encierran en un parentesis la validación de los radios y la niegan pueden usar "or"... if (!(isMale.checked || isFemale.checked)) Aca decimos que: "Si no estan en check el radio masculino o el radio femenino" salte la alert cuando al menos uno de ellos este en check no saltara la alerta🙌

[@jonmircha]

🤓👌

[@carlosmillan8587]

Me siento Dev... Ya habiendo visto el curso de JS, estoy aqui como pez en el agua. Me encanta la programación!

[@jonmircha]

😉👋🏻

[@takirojapan]

He aprendido mucho, muchas gracias por compartir tu conocimientos, y si, es cierto las cosas buenas siempre se regresan...gracias

[@ferdy77cc]

me gusta, si, queremos mas de este estilo.

[@clauxa1]

Te pasaste! Muchas gracias por darte el tiempo para hacer estos tutoriales

[@jonmircha]

De nada, comparte y suscribete 😀

[@RicardoCarranza]

Nuevamente Jonathan saludándote desde El Salvador, yo atiendo a jóvenes de bachillerato, soy docente de Informática y colega, déjame decirte que esto me ha ayudado muchísimo en mi trabajo, cosa que no pude recibir lamentablemente en mi preparación técnica en la Universidad, te cuento que aquí en el país -bueno como en muchos- está un poco descuidada la educación a este nivel... Muchas Gracias, y muchas Bendiciones...........

[@matiasculcuy6999]

Muchisimas, pero muchisimas Gracias por tu ayuda. Aprendi un monton y me diste una super mano para seguir haciendo mi pagina :D Sigue asi que tus videos son muy buenos y estan bien explcado :)

[@MrRadiohead1984]

AH... OK GRACIAS POR LA ACLARACION... NO TE PREOCUPES.... YA SEGUI TODOS TUS VIDEOS, TOOS MUY BUENOS ME AYUDA MUCHO... PARA MI PROYECTO

[@sercorrea30]

Para sacar el código que representa el OR ( || ) los dos palitos es con Alt+124 saludos desde Colombia excelente tu explicación..sigue así !!!!

[@jose920405]

oye men muy bueno que no expliques de esta manera, realmente no la conocía. Aunque es mas facil, hacer las validaciones con las nuevas funciones que nos ofrece html5. Usando la etiqueta require dentro de los input

[@eddiekakag]

muy buen material.. particularmente el echo de q no todo te salga a la perfeccion y luego lo puedas solucionar me motiva y buscar nuevos conocimientos.. gracias por la explicacion del script.. estoy pendiente de tus nuevos materiales

[@zinzentido7128]

Jhonatan Exelente gracias por tus aportes aprendi bastante

[@jonmircha]

De nada, comparte y suscríbete

[@lucas13polaco]

Te lo agradezco un montonazo, la verdad demasiado buenos estos tutoriales, siguiendolos a todos¡¡¡

[@TheJozzef21]

MUY BUENO AMIGO TUS TUTORIALES ERES UN GUIA EXCELENTE SALUDOS DESDE PERU

[@davidemm841]

Muy bueno el tutorial, claro y mezclando diversos lenguajes.Buen trabajo

[@MNLAntony]

Excelente, un poco largo pero buenísimo, algunas cosas de javascript ya las sabia, pero siempre es bueno practicar, al final aprendí mucho con lo de pasar variables por url y a parte lo de javascript

[@chilebernardo]

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

[@joance2011]

Muy buenos tutoriales, Explicas muy bien. Felicitaciones y Muchas Gracias por Compartir el conocimiento de manera desinteresada. Sigue Haciendo tutoriales de estas caracteristicas, Saludos desde Cali Colombia. Y en cuanto a lo de los nombres largo no importa, como tu lo dices estos son metodos para aprender y eso hace parte del proceso.

[@r.w.s.2402]

Qué buenos vídeos como siempre!!!

[@jonmircha]

🤙

[@ronalitogtaivogtav9009]

Excelente amigo, contribuyes a lo grande, saludos

[@nioxdigerati]

Gracias he aprendido mucho, es increíble como explicas los temas

[@humbertooteiza2906]

muy buen vídeo gran aporte gracias saludos desde chile

[@TheBecker2008]

Excelentes Tutoriales, no se cual sea tu ganancia amigo, pero lo que siembras cosechas.. Excelente para Aprender en un dos por tres.

[@hereniocabrera]

que Facil se me hizo con tu explicacion! Muchas gracias.

[@NaldoRck]

Muchas gracias (: He visto muchos tutoriales y este es de los mas completos. Muchas gracias otra vez (: Lo que me ha ayudado

[@leonardoromeropalacios2108]

felicitaciones por los tutoriales me hacian falta para terminar una pagina web que estoy haciendo, gracias (y)

[@BryanRojasQ]

Jonathan, excelente manera de validar. antes lo hacia de la manera facil que decís vos jeje estare siguiendo tus tutoriales, estan buenisimos. Espero estemos en contacto. Un enorme saludo desde Costa Rica.

[@RobertoGabrielLino]

Excelente ejercicio, Es usted un gran Maestro

[@jonmircha]

Gracias :) comparte y suscríbete

[@AlexSaure]

Respecto a las ventanas emergentes validadoras, no solo puede ser un error de escritura, si no mas bien un llamado con la funcion Windows OnLoad. Por error deje la sentencia onClick="validarDatosGET();" y todo salia bien. Rebice el video y elimine esta sentencia (sale mas o menos min. 29), llevandome a que no saliera mas las ventanas de alerta. Copie esto para el POST y si salia; por lo que a esto se refieren las consultas sobre que no salen las ventanas. Gracias Johnattan.

[@sheeddy_]

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 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; }

[@est89]

Muy buen tutorial, muy didactico. Te haria una unica correccion: no me parece adecuado que "desconectes" los errores notice y warning, ya que cuando estas programando es bueno depurar todos los errores; para evitar el notice de variable undefined, podrias usar la condicional asi: if(isset($_GET["error"]) && $_GET["error"]=="si") { .... } o sea, verificamos que exista la variable Y si existe, que tenga el valor "si"... Saludos ! sigue asi !

[@AlexSaure]

Bueno; verifica en el SCRIPT; en el primer IF, necesita la negacion ("!") ir adelante. Yo la pase por alto y no salia ningun dialogo de aviso y despues de agregarlo; logre ver que respondia los mensajes en forma correcta. Intentalo y veras que funciona. Saludos y felicitaciones Johnattan

[@CarlosCastellanos15]

Muy buenos los videos hermano, un tip en los inputs con solo poner "requerid" auto valida los inputs es una de las nuevas funcionalidades de html5.

[@luissolera9772]

Hola Rodrigo, en el caso de las paréntesis sin completar como Ud. dice con funciones que no requieren de argumentos por lo que van vacías pero son necesarios para llamar dicha función. GET y POST son como nombres propios los cuales deben ser siembre en mayúscula para poder consumirlos y no es opcional...

[@novoguia]

Fantástico, muchas gracias!! está todo perfectamente explicado

[@AndreaMartinez-xy5yj]

para la linea que hace en el min 32:27 al menos para 22/12/2019 esta es la solucion: window.onload = function() { document.getElementById("enviar-get").onclick = function(){validarDatosGET()} ; } tener en cuenta que el metodo validarDatosGET() si va como en el video

[@carlosalbertoliclanreategu9025]

lo he probado con POST y no me salió

[@songokussj11]

Yo preferiría hacer una condicional con un isset a la variable, pero si es una buena practica de seguridad usar esa funciona para prevenir que se muestre información interna a los usuarios.

[@nachosanabria6942]

gracias excelente video

[@jonmircha]

😃👍🏻

[@marcosreneveracamarena1788]

Alex, gracias lo voy hacer y te comento. Salu2.

[@jbgpowerfull]

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?

[@yio696]

Excelente video!, gracias por compartir tu conocimiento.

[@victorvallovera]

Contribución: Para sacar el símbolo "^" solicitado en el 1:09:50 otra opción es alt+94 = ^, saludos!!

[@alefe4]

a ok ya veo, graciass de todas formas, muy bunos los videos

[@gmeadiashop]

Yo tambien me he descargado la aplicaciòn PHP iLearn para iPad.

[@miguelparra30]

Excelente como siempre, un saludo.

[@calaco74123]

genial genial me gustaria que dieras clases en la uni donde voy serias un master a comparacion de los que me enseñan :D

[@hefectos]

Gracias por su buen tutorial, como apunte creo que lo mejor seria validar con isset($_GET["erro"]) para que no salga el aviso de Notice:

[@lampardaniel]

Aunque html5 ya nos ayude a validar campos, siempre es bueno saber como funcionan las cosas y practicar js.

[@jondrykp]

echo "EL KING EN PHP" ; Saludos desde venezuela

[@octaviogalvez30]

todo ok creo que voy bien! gracias

[@ozmobike]

Muchas gracias Jonathan por tu enseñanza.. muy sencillo y fácil de seguir.. Como dicen por ahí: Keep up the awesome work! - 0zk@r

[@stiventhepuppy]

Me ayudaste mucho gracias (y)

[@kanonflores0113]

Vengo del curso de Javascript xd llegue aqui por recomendación del profe para continuar el tema de ajax, pobre de mi xc

[@jonmircha]

👋🏻😉

[@andres-yd1ev]

Excelente explicación, Molto grazie

[@carloscontreras6051]

Seguimos cruzando conocimientos, de JS me vine para aqui, es genial ver las mismas acciones ejecutadas desde varios lados, ayuda a afianzar conocimientos. Consulta, para evitar el tema de no definir la variable antes de usarla, se puede confirmar que exista en vez q sea igual a "si"? O sea if($_GET["error"]{ }? O da el mismo resultado?

[@jonmircha]

👍🏻

[@andreagabrielagonzalezsana52]

Excelente... muchas gracias... :)

[@neverfuckme04]

Hola!! Este tutorial sigue siendo bueno para compreder conceptos basicos? Recientemente vi todo el curso de JavaScrip. Muy bueno

[@jonmircha]

Sí, es lo básico de PHP y eso no ha cambiado

[@neverfuckme04]

@@jonmircha Eres un Crack. Gracias!

[@velazquezespiral]

excelente me encanta!!

[@bakihanma2018]

Es como el dinosaurio cuando no hay internet y te pones a jugar xd

[@jose920405]

Gracias por el tutorial, muy completo, pero un consejo es dejar de repetir tanto, o editar las cosas que se repiten o que se erran, para hacer mas corto el vídeo

[@enriquemiranda1075]

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???????

[@AngelVzla20]

Buenas tardes. Hermano saludos desde Venezuela. Excelentes sus clases DTB por compartir tus conocimientos. ! Me gustaria aprovechar la oportunidad para preguntarte como hago para validar con este mismo metodo de validacion un input type date Agradezco grandemente su respuesta.....

[@rodrigocornejo2813]

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.

[@marcoperezandres9373]

excelente

[@sagocode]

1:08:47 se puede verificar si la variable esta seteada para evitar el error if (isset($_GET['error'])) { if ($_GET['error'] == "si") { echo "Error"; } }

[@rodrigobarroso3767]

gracias !!

[@joseluisrosas6655]

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?

[@MarcosEsqueda]

Hola!! Lo que intento es hacer que con un alert dentro de un echo lo siguiente: echo " alert ("Término no encontrado"); "; 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..

[@erwingcastaneda356]

Hola, oye una pregunta un tanto atrevida... Quisiera saber de tu fuente o tus fuentes de información de lo hablas en cada vídeo. Me parecen excelentes si pudieras recomendarme un poco acerca de esto de las fuentes estaría muy agradecido contigo. Bueno, pues sólo felicitarte por tu gran trabajo (Y)

[@staffel0232]

Creo que ahora no es necesario hacer las validaciones así no? Simplemente se le pone required al input y html impide confirmar los datos.

[@jonmircha]

Sï, pero siempre debes validar en el lado del server

[@staffel0232]

@@jonmircha Si, es cierto no recordaba que el HTML puede ser modificado en el inspector de elementos jejeje. Gracias por la aclaración ('u')/

[@agrupacionfantasia]

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

[@SantiagoPR21]

Explicaras mas adelante como imprimir reportes ?

[@juliocesarsantamariabernal7288]

Muy buen video, me ayudaste bastante, una pregunta, si puedes ayudarme, quisiera saber como hacer que mi formulario solo admita un solo . y no ..., si fueras tan amable en ayudarme

[@matikarev3807]

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.

[@gusvaldex]

Exelente Tutorial... mi formulario me funciona correctamente como lo tienes y la validacion con los scripts de igual manera pero como le podria hacer para que los datos se validen y al momento de que la validacion de los campos sea la correcta y me los envie a la base de datos ... espero y puedas ayudarme gracias

[@luisdavila2604]

Hola oye como valido un formulario creado en php (radio button) y los valido por medio de javascript los cuales en php son sentencias de sql ya que son examenes web??

[@jhonper86]

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.

[@Josafatto]

¿Puedo hacer esto en el Sistema Operativo Ubuntu 12.10 (de Linux)? Instalé ese sistema operativo junto con Windows y en la página de "Index of /curso-php/00basicos" no aparece apache en configuración, casi todo me aparece en off, no value, y error. ¿Es normal? Saludos

[@MarigeinsiBlanco]

Hola muy buena explicación, yo estoy realizando mi aplicación pero no me sale las alertas hice con tus mismos pasos

[@lampardaniel]

Pero desde el navegador se puede desactivar el js y hasta ahí llegaron nuestras validaciones. Hasta donde he visto, solo el IE no soporta algunas cosas de html5, pero con el tiempo todos se tendrán que adaptar.

[@joseantonionicasioherrera9073]

hola tengo una duda ami si me envia al formulario auque no haya un campo lleno que estoy haciendo mal? si me manda la alerta pero el formulario ejecuta el action pese que no este lleno el campo

[@jhoneduarbonilla1682]

Compañero tengo una duda es que cuando trabajo con el metodo GET todo sale perfecto,pero cuando le pongo el mentodo post todo me sale con errores lo que realise fue cambien el nombre de las variables en el metodo get y funciona bn pero el metodo post no funciona, le agradezco si me puede dejar una aclaracion. Agradezco el tiempo y la atencion ....

[@carlosl7575]

Hola John, una pregunta. Es todavía una buena practica el usar HTML y JS dentro un documento PHP?

[@jonmircha]

sí