Encode/decode Email Addresses And Phone Numbers - spamGuard

File Size: 8.35 KB
Views Total: 5728
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Encode/decode Email Addresses And Phone Numbers - spamGuard

The spam guard jQuery plugin lets you encode/decode email addresses and phone numbers to prevent spambots from harvesting email addresses and phone numbers on your website.

Email/Phone Number Encoder/Decoder

See also:

How to use it:

1. Include jQuery library and the jQuery spamGuard plugin on the webpage.

<script src="https://code.jquery.com/jquery-1.12.4.min.js" 
        integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" 
        crossorigin="anonymous"></script>
<script src="dist/jquery.spamguard.js"></script>

2. To protect your email address, insert the username and domain name into the data atrributes as follows:

<a class="protect-me" 
    href="#" 
    data-name="mark" 
    data-domain="gmail" 
    data-tld="com">
    ANY TEXT HERE
</a>

3. Add the mailto: link to the email address:

<a class="protect-me" 
    href="#" 
    data-name="mark" 
    data-domain="gmail" 
    data-tld="com" 
    data-mailto="true"
    data-subject="Your subject"
    data-message="Your Message">
    ANY TEXT HERE.
</a>

4. To protect your telephone number, add letters and special characters for obfuscation.

<a class="protect-me" 
   href="#" 
   data-number="_+1 %&80#8 !555;; 01qY@@23" 
   data-mailto="true">
</a>

5. Determine whether or not to replace the content inside the link.

<a class="protect-me" 
    href="#" 
    data-name="mark" 
    data-domain="gmail" 
    data-tld="com"
    data-content="true">
    ANY TEXT HERE
</a>

6. Initialize the plugin and done.

$(".protect-me").spamguard();

Changelog:

v3.3.1 (2021-01-04)

v3.3.0 (2020-05-05)

  • JS updated

v3.2.0 (2019-11-28)

  • Fixed: Missing mailto

v3.1.0 (2019-09-19)

  • Refactor

v3.0.0 (2019-08-25)

  • Update

v2.1.0 (2019-01-27)

  • Update

This awesome jQuery plugin is developed by madeinhamburg. For more Advanced Usages, please check the demo page or visit the official website.