04/10/2018, 20:18

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

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ẻ ...

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: jQuery

Chuyên Mục: Javascript

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

Bài liên quan

Kẻ bóc lột tình dục qua mạng giả mạo địa chỉ email của bạn

Nhiều người ở Hà Lan đã mắc mưu kẻ bóc lột tình dục qua mạng này do quá sợ hãi và nhầm tưởng kẻ tấn công đã chiếm được email của mình. Một tin tặc gửi email và nói rằng hắn đã tiêm nhiễm Trojan, chiếm máy ảnh và micro máy tính của bạn, quay được cảnh bạn xem phim khiêu dâm, (về mặt lý thuyết) ...

Tạ Quốc Bảo viết 22:44 ngày 22/10/2018

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

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ẻ ...

Vũ Văn Thanh viết 20:18 ngày 04/10/2018

WordPress Hacks : đăng nhập WordPress bằng địa chỉ Email

Trong một vài hoàn cảnh nào đó, có thể các bạn sẽ cần phải cho phép người dùng vừa đăng nhập vào trang admin WordPress bằng username hoặc địa chỉ email. Thực ra việc làm này không hề khó chút nào, các bạn chỉ việc copy đoạn code bên dưới và dán nó vào file functions.php (nằm tại folder theme ...

Tạ Quốc Bảo viết 19:55 ngày 04/10/2018

[C#] Hướng dẫn kiểm tra địa chỉ email có tồn tại hay không sử dụng API InfoByIP

Kiểm tra tài khoản email tồn tại trong C# , nếu các bạn đang có nhu cầu marketing quảng cáo qua email, bạn có danh sách khoảng vài ngàn tài khoản, nhưng trong danh sách địa chỉ đó, làm sao để kiểm tra được email nào hợp lệ, hay còn hoạt động hay không. ...

Trịnh Tiến Mạnh viết 11:41 ngày 02/10/2018

[VB.NET] Kiểm tra địa chỉ email nhập vào Textbox sử dụng Regex

Bài viết hôm nay, mình sẽ hướng dẫn các bạn cách kiểm tra địa chỉ email nhập vào có hợp lệ hay không, trong lập trình VB.NET . Để kiểm tra địa chỉ Email nhập vào có hợp lệ hay không mình sẽ sử dụng Regex trong VB.NET để kiểm tra. Nếu các ...

Trần Trung Dũng viết 11:33 ngày 02/10/2018
0