Javascript - Comprobacion de email correcto
Códigos Javascript
Este script comprueba que se ha escrito correctamente el nombre, email y la repeticion de email, para evitar que tus visitantes envien un email invalido.
Tutores.org
Mostrando Codigo - Javascript
EXPLICACION
En el script comentamos donde debe de ser modificado, para que cuando los emails y nombre sean validos el formulario sea enviado a otra pagina que lo procese.
En el ejemplo mostramos una alerta, indicando que la comprobacion ha sido valida.
CODIGO
# Codigo ofrecido por Tutores.org
- <font size="2" face="verdana" color="#cc0000">
- <form name="formulario">
- <input type="text" name="nm" size="33">
- Tu nombre<br>
- <br>
- <input type="text" name="em" size="33">
- Email<br>
- <input type="text" name="emx" size="33">
- Repite email<br>
- <br>
- <input type="button" value="Enviar" name="SB" onClick="Enviar_formulario();">
- <script language="JavaScript1.2">
- var email_correcto;
- function comprueba_email(campo) {
- var Email_correcto = campo.value.match(/(^(S+@).+((.com)|(.net)|(.edu)|(.mil)|(.gov)|(.org)|(..{2,2}))$)/gi);
- if (Email_correcto){
- email_correcto = true
- } else {
- alert('Por favor inserta una direccion de email correcta')
- campo.focus()
- campo.select()
- email_correcto = false
- }
- }
- function Enviar_formulario(){
- comprueba_nombre = document.formulario.nm.value
- if (comprueba_nombre.length <1) {
- alert('Por favor inserte su nombre.')
- return
- }
- email_correcto = false
- comprueba_email(document.formulario.em)
- if ((document.formulario.em.value ==
- document.formulario.emx.value)&&(email_correcto)){
- // La siguiente linea la podemos modificar para enviar el formulario a alguna pagina que procese el envio
- // modificar por window.location= 'http://www.tudomini.com/pagina_de_proceso.....'
- alert("Los datos se agregaron correctamente.")
- }
- if ((document.formulario.em.value !=
- document.formulario.emx.value)&&(email_correcto)){
- alert('Las dos direcciones de email no se escribieron correctamente')
- }
- }
- </script>
- </form>
- </font>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Comprobacion de email correcto" href="http://www.tutores.org/codigo/676/" target="_blank">Comprobacion de email correcto</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Comprobacion de email correcto" href="http://www.tutores.org/codigo/676/" target="_blank">Comprobacion de email correcto</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
tobiastobias
4
5
¿como hago para que me lleguen a mi e mail los datos del formulario?
Comentario usuario
SOL
17-05-2009 02:14:30
4
5
Amigos muy buenos los ejemplos pero este no funciona. Pongo mi e-mail correctamente y continua mandandome el Alert con el mensaje de que ingrse un e-mail válido.
INSERTAR COMENTARIO