Ocultar dirección de Email en formulario y página.

En categoría: Formularios

El siguiente JavaScript permite ocultar una dirección de Email (correo electrónico) en nuestra página y/o formulario HTML para evitar el spam.

| Descripción del ejemplo JavaScript

Quién no se ha encontrado con algún spammer que utiliza nuestra dirección de email para enviar correos sin autorización o incluirnos en la base de datos de alguna lista de spam para luego bombardearnos con Email no solicitado?.
Para evitar este problema podemos programar un JavaScript que oculte (engañe) a estos programas maliciosos que utilizan nuestro correo para beneficio propio, aunque debemos tener cuidado ya que no es 100% efectivo.

En el ejemplo podemos ver la utilización del método write() del objeto document el cual nos permite escribir las etiquetas necesarias para la inserción de un enlace hacia una dirección de email. Sabemos que en una página web HTML podemos utilizar la etiqueta <A> para crear un enlace directo hacia el cliente de correo predeterminado del sistema que está ejecutando el documento. Si escribimos una dirección de email directamente en el atributo HREF corremos el riesgo que un programa Spam capture esta dirección y la utilice sin nuestra autorización. Al utilizar un Script de Java para escribir en el documento la dirección de email se logrará ocultar ésta a cualquier programa Spammer que entre en nuestro sitio.

Para el caso que necesitemos diseñar un formulario HTML también podemos utilizar este método. Esto lo vemos en el mismo ejemplo, con write() escribimos todo el formulario HTML ocultando la dirección de email en una variable global del documento.

Para complementar el ejemplo utilizamos varias variables para definir el asunto del mensaje que será enviado como así también la posibilidad de especificar una segunda dirección de correo la cual utilizaremos como dirección para el envío con copia.

No todos los programas utilizan el mismo mecanismo para la extracción de direcciones de email desde una página web, es por eso que conviene ocultar lo mejor posible el símbolo @, es por eso que utilizamos una variable para definir como valor el símbolo @.

Información relativa al Script

Compatible con: Internet Explorer

Internet Explorer

Firefox

Tamaño del Script: 1KB

Probar el Script

Temas relacionados a este Script

Ejemplo JavaScript para ocultar una dirección de email 
protegiéndola de los programas spam.

Código fuente del script:

<HTML>
<HEAD>

<script language="javascript">

/* Definimos el nombre de usuario de la dirección 
de email donde se envía */
usuario = "nospam";
/* Dominio de la dirección de email */
dominio = "fueraspammer.com";
/* Usuario del email donde se envía la copia del mensaje */
usuario2 = "";
/* Dominio del email donde va la copia */
dominio2 = "";
/* Asunto del mensaje */
asunto = "Email protegido con javascript";

//fin de las variables editables

arroba = "@";
arroba2 = "@";
cadenaasunto = "?subject=";
unioncadena = "&cc=";
cadenamailto = "mailto:";

/* Comprobamos que se haya definido algún mail para el envío
de la copia. Si no es así damos a las variables arroba2 y unioncadena 
el valor de una cadena vacía */
if (usuario2 == "") {
	arroba2 = ""
	unioncadena = ""
}

/* Definimos una variable con todos los datos concatenados */
var datosconcatenados = cadenamailto + usuario + arroba + 
dominio + cadenaasunto + asunto + unioncadena + 
usuario2 + arroba2 + dominio2;

/* Se ejecuta cuando se hace click en el botón de formulario */
function enviar(form) {

/* Definimos el valor del atributo action */
form.action = datosconcatenados;
/* Enviamos el formulario */
form.submit();

}

</script>

</HEAD>

<BODY>

<script language="javascript">

/* Escribimos la etiqueta necesaria para insertar un enlace 
hacia una dirección de email. Utilizamos la variable con todos 
los datos concatenados para definir el valor del atributo HREF */
document.write('<a href="' + datosconcatenados + '\">');
/* Definimos el valor del anchor text del enlace */
document.write(usuario + arroba + dominio + '</a>');

</script>

<script language="javascript">

/* Escribimos la etiqueta necesaria para enviar un email desde 
un formulario HTML */
document.write('<form name="form01" METHOD="POST" enctype="text/plain">');

</script>

<INPUT type="text" name="mensaje">
<INPUT type="button" onclick="enviar(form01)" value="Enviar">

<script language="javascript">

/* Cerramos el formulario */
document.write('</form>');

</script>

</BODY>
</HTML>

	Temas relacionados a este Script:
	Seleccionar todo el texto de un textarea Limitar la cantidad de palabras escritas en un formulario Cambiar el tamaño de un cuadro de texto automáticamente Tabular un formulario (cambiar el foco) con la tecla Enter Verificar correcta escritura de dato en cuadro de texto Saber la posición del cursor en un cuadro de texto Agregar opciones de Cuadros de texto en el formulario

Comentarios Recibidos sobre: Ocultar dirección de Email en formulario y página

juan ADMI | Enviado: Mayo 5, 2008

jose | Enviado: Abril 30, 2008

Comentar Artículo

Agradecemos todos los comentarios. Gracias por ayudarnos a mejorar el sitio.
Importante: Los comentarios están para ampliar el artículo propuesto en esta página, proponer o responder alguna consulta de otro visitante. En ningún caso nos hacemos responsables del contenido publicado en los comentarios. En el caso que formules una pregunta y ésta no sea respondida, puedes solicitarnos ayuda desde el formulario de ayuda aunque no te aseguramos una respuesta inmediata.