Pinceladas da Web

Muitos usuários avançados sabem que se você colocar seu e-mail em um arquivo HTML, por exemplo, dessa forma: nome@provedor.com.br, no futuro terá uma grande dor de cabeça com Spam, pois os bots que circulam pela internet irão seguí-lo, verão que é um e-mail e a festa está pronta. Uma alternativa seria escrevê-lo assim:

nome_at_provedor.com.br

Mas dessa forma, para os usuários que não tem um mario conhecimento em internet não saberiam que aquele at significa @, então como faríamos? Existe uma forma bem simples de contornar isso com JavaScript, basta colocar esse script em sua página:

<script type="text/javascript">
 var Convert = {
  initialize: function() {
	var spans = document.getElementsByTagName("span");
	for (var i = 0; i < spans.length; i++) {
	  if(spans[i].getAttribute("class") == "address") {
		string = spans[i].childNodes[0].nodeValue;
		email = string.split("_")[0] + "@" + string.split("_")[2];
		spans[i].innerHTML = '<a href="mailto:' + email + '">' + email + '<\/a>';
	  }
   }
 }
}
window.onload = Convert.initialize;
</script>

Agora, em nosso HTML, você deve deixá-lo da seguinte forma:

<span class="address">pedrorogerio_at_pinceladasdaweb.com.br</span>

Basicamente, utilizaremos de um span com uma classe chamada address, e o e-mail deve ser escrito da forma como foi citada acima, o que o script faz é substituir o at pelo @, mas essa substituição é somente visual, se você olhar o código fonte da página, seu e-mail está protegido. Dêem uma olhada nesse exemplo.

Referência:

• Protecting Your Email Address in HTML

Se você é como eu, ainda engatinha no JavaScript, quer aprender a validação de formulários mas não tem tempo pra estudar, existe uma maneira bem fácil de se fazer isso, basta utilizar o Really Easy Field Validation. Ele é baseado no Prototype, um Framework que hoje em dia é utilizado por 8 entre 10 programadores.

Eu vi aqui no site do Rafael Lima

Demo

• Mirror 1
• Mirror 2

Download

• Mirror 1
• Mirror 2

Via: Anieto2K.