Mi texto oculto
function validateEmailAddress(email) { var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return re.test(email); } function validate() { $("#result").text(""); var emailaddress = $("#email").val(); if (validateEmailAddress(emailaddress)) { $("#result").text(emailaddress + " is valid 
"); $("#result").css("color", "green"); } else { $("#result").text(emailaddress + " is not correct, please retry:("); $("#result").css("color", "red"); } return false; } $("#validate").bind("click", validate);Para adjuntar esta función a una entrada de formulario, puedes usar el siguiente código: Este es el resultado que obtendrías después de combinar todos los ingredientes en un archivo HTML:Y si la validación es incorrecta, el resultado será diferente:¡Felicitaciones! Has aprendido a insertar JavaScript en HTML con algunos ejemplos básicos.
Palabras finales
En este artículo hablamos sobre las dos formas de incluir JavaScript en el código HTML y, cuando lo entiendas aún mejor, las posibilidades de hacer grandes cosas con estos dos lenguajes de programación son infinitas. JavaScript se puede usar en combinación con HTML para dar forma a aplicaciones web modernas que sean intuitivas, interactivas y fáciles de usar. Al usar la validación simple del lado del cliente, se reduce el tráfico del servidor y mejora la eficiencia general del sitio web.
Sobre el autor
VER TODAS LAS ENTRADAS
Gustavo B.
Gustavo es un apasionado por la creación de sitios web. Se enfoca en la aplicación de estrategias SEO en Hostinger para España y Latinoamérica, así como la creación de contenidos de alto nivel. Cuando no está aplicando nuevos trucos en WordPress lo puedes encontrar tocando la guitarra, viajando o tomando un curso online.
2 de Comentarios
ComentarioNombre *Correo Electrónico * Al usar este formulario, aceptas el almacenamiento y manejo de tus datos por este sitio web. *Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.juanoctubre 22, 2018 a las 11:56 pmgracias por el aporte, en la ultima parte cuand omencionas dos lenguajes te refieres a js y cual mas? supongo que no a html, por que este ultimo no es un lenguaje.de nuevo, gracias por el aporte!RESPONDERGuillermo Manuel Glorianoviembre 27, 2018 a las 2:44 amPorque no puede ser un lenguaje si su propio nombre lo dice Hiper Text Markup Language qué significa lenguaje de marcado de hipertexto. Lo cual significa que es un lenguaje de de codificación webSería absurdo qué no fue así si su nombre lo dice…RESPONDER
Articulos Relacionados
Cómo insertar JavaScript en HTML
¡Comienza a ahorrar hoy mismo!
Alojamientos con todo incluido y nombre de dominio porAR$3600/mesComienza Ahora
SERVICIO
Mejor Hosting WebMejor Hosting VPSHosting en la nubeHosting WordPress BaratoVerificar Disponibilidad de DominiosCreador de Sitios GratisTransferencia de DominioDominio gratisDominio XYZAlojamiento Web Gratis
INFORMACIÓN
Recomienda HostingerMétodos de PagoPrecio de DominioSalon de la fama
COMPAÑÍA
Sobre HostingerContáctanosTrabajos
AYUDA
Reportar abusoBase de ConocimientosTutorialesBlog (en Inglés)
LEGAL
Politica de PrivacidadTérminos de Servicio© 2004-2019 Hostinger - Hosting Premium Barato & Servicio de Dominios Baratos.Utilizamos cookies para personalizar el contenido proporcionado por socios publicitarios y para analíticas,
"); $("#result").css("color", "green"); } else { $("#result").text(emailaddress + " is not correct, please retry:("); $("#result").css("color", "red"); } return false; } $("#validate").bind("click", validate);Para adjuntar esta función a una entrada de formulario, puedes usar el siguiente código: Este es el resultado que obtendrías después de combinar todos los ingredientes en un archivo HTML:Y si la validación es incorrecta, el resultado será diferente:¡Felicitaciones! Has aprendido a insertar JavaScript en HTML con algunos ejemplos básicos.
Palabras finales
En este artículo hablamos sobre las dos formas de incluir JavaScript en el código HTML y, cuando lo entiendas aún mejor, las posibilidades de hacer grandes cosas con estos dos lenguajes de programación son infinitas. JavaScript se puede usar en combinación con HTML para dar forma a aplicaciones web modernas que sean intuitivas, interactivas y fáciles de usar. Al usar la validación simple del lado del cliente, se reduce el tráfico del servidor y mejora la eficiencia general del sitio web.
Sobre el autor
VER TODAS LAS ENTRADAS
Gustavo B.
Gustavo es un apasionado por la creación de sitios web. Se enfoca en la aplicación de estrategias SEO en Hostinger para España y Latinoamérica, así como la creación de contenidos de alto nivel. Cuando no está aplicando nuevos trucos en WordPress lo puedes encontrar tocando la guitarra, viajando o tomando un curso online.
2 de Comentarios
ComentarioNombre *Correo Electrónico * Al usar este formulario, aceptas el almacenamiento y manejo de tus datos por este sitio web. *Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.juanoctubre 22, 2018 a las 11:56 pmgracias por el aporte, en la ultima parte cuand omencionas dos lenguajes te refieres a js y cual mas? supongo que no a html, por que este ultimo no es un lenguaje.de nuevo, gracias por el aporte!RESPONDERGuillermo Manuel Glorianoviembre 27, 2018 a las 2:44 amPorque no puede ser un lenguaje si su propio nombre lo dice Hiper Text Markup Language qué significa lenguaje de marcado de hipertexto. Lo cual significa que es un lenguaje de de codificación webSería absurdo qué no fue así si su nombre lo dice…RESPONDER
Articulos Relacionados
Cómo insertar JavaScript en HTML
¡Comienza a ahorrar hoy mismo!
Alojamientos con todo incluido y nombre de dominio porAR$3600/mesComienza Ahora
SERVICIO
Mejor Hosting WebMejor Hosting VPSHosting en la nubeHosting WordPress BaratoVerificar Disponibilidad de DominiosCreador de Sitios GratisTransferencia de DominioDominio gratisDominio XYZAlojamiento Web Gratis
INFORMACIÓN
Recomienda HostingerMétodos de PagoPrecio de DominioSalon de la fama
COMPAÑÍA
Sobre HostingerContáctanosTrabajos
AYUDA
Reportar abusoBase de ConocimientosTutorialesBlog (en Inglés)
LEGAL
Politica de PrivacidadTérminos de Servicio© 2004-2019 Hostinger - Hosting Premium Barato & Servicio de Dominios Baratos.Utilizamos cookies para personalizar el contenido proporcionado por socios publicitarios y para analíticas,