Giấu địa chỉ email bên trong thẻ html với jQuery

07/06/2017

Nếu bạn đang sở hữu một trang blog hoặc website thì chắc chắn rằng bạn sẽ để lại một địa chỉ email để người dùng có thể góp ý hoặc liên hệ với bạn khi cần thiết. Hiện nay, có rất nhiều phần mềm mà các nhà lập trình giỏi tạo ra để tự động thu thập các địa chỉ email được gắn kèm bên trong các thẻ html. Việc này tưởng chừng như vô hại, nhưng nó lại đem lại nhiều phiền toái vì khi bạn kiểm tra email thì vô tình nhận được vô số các mail spam và quảng cáo.

Giấu địa chỉ email bên trong thẻ html với jQuery

Thông thường các bạn chèn mail liên hệ cho người dùng bên trong thẻ html như sau :

<a href="mailto:thuthuatweb@gmail.com">thuthuatweb@gmail.com</a>

Và qua bài viết này, các bạn sẽ giấu địa chỉ email tránh bị các bot tự động lấy như đoạn html bên dưới.

<a class="hide-email" href="#">Please enable Javascript to view</a>

jQuery

Đầu tiên, các bạn cần đảm bảo là chèn thư viện jQuery vào trước.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Kế đến là chèn đoạn code bên dưới là xong.

$(document).ready(function() {
	var e = "thuthuatweb"; // thay the email username
	var t = "gmail"; // thay the email provider
	var n = ".com"; // thay the email provider TLD
	var r = 'mailto:' + e + '@' + t + n;
	$('.hide-email).attr('href',r).html(r);
});

Giờ đây các bạn sẽ giảm thiểu đáng kể những mail spam không mong muốn.

Tags:

Chuyên Mục:

Bài viết được đăng bởi webmaster

Nếu các bạn thấy bài viết hữu ích thì giúp mình Like cái nhé !