jQuery Spam Guard
Installation
npm install jquery-spamguard
yarn add jquery-spamguard
Usage
$(selector).spamguard();
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-spamguard/dist/jquery.spamguard.js"></script>
<a href="#" class="protect-me" data-name="mark" data-domain="gmail" data-tld="com"></a>
<script>
$(function(){
$(".protect-me").spamguard();
});
</script>
Demo
Options
Attribute | Type | Default | Description |
---|
data-name | string | | Everything before the @ of your email address |
data-domain | string | | Domain name without extension |
data-tld | string | | Extension without . |
data-number | string | | You can add letters and special characters for obfuscation (see example) |
data-mailto | boolean | false | Creates a mailto: -link |
data-content | boolean | false | When true , your own content will be kept. Otherwise it returns the email address. |
data-subject | string | | Set a custom subject for mailto: -link |
data-message | string | | Set a custom message for mailto: -link |
--- | --- | --- | --- |
data-text | string | | |
data-remove-this | string | | |
Example with custom content
<a href="#" class="protect-me" data-name="mark" data-domain="gmail" data-tld="com" data-content="true" data-mailto="true">
<i class="fa fa-heart"></i>
</a>
<script>
$(".protect-me").spamguard();
</script>
Example with phone number
<a href="#" class="protect-me" data-number="_+1 %&80#8 !555;; 01qY@@23" data-mailto="true"></a>
<script>
$(".protect-me").spamguard();
</script>
Example with a custom text
<a href="#" class="protect-me" data-text="H$e__l-[l].o ::W=o)r%&%ld.!" data-remove-this="§$%&/()=_:;.-[]"></a>
<script>
$(".protect-me").spamguard();
</script>