Password Field Style Input Mask / Cloak Plugin with jQuery - Input Cloak

Password Field Style Input Mask / Cloak Plugin with jQuery - Input Cloak
File Size: 23.9 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Input Cloak is a jQuery input mask / cloak plugin used to protect the normal text input that behaves like a password field. Useful to keep protect your user's privacy and security while they're typing telephone, credit card or SSN numbers on your website. Licensed under the Apache License, Version 2.0 (the "Apache License") or the GNU General Public License version 2 (the "GPL License").

How to use it:

1. Make sure to load the jQuery input cloak plugin after jQuery library has been loaded in the webpage.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="jquery.inputcloak.min.js"></script>

2. Just call the plugin on the text input field and done.

$('input').inputCloak();

3. Convert a normal text field into a security SSN number input.

$('input').inputCloak({ 
  type: 'ssn'
});

4. Customize the mask symbols.

$('.ssn').inputCloak({ 
  symbol : 'dot'
});

5. All configuration options with default values.

$('input').inputCloak({ 
  dataType: 'ssn', // ssn, credit, all
  symbol : 'star', // star, dot, x
  delay: 0, // in ms
  revealOnFocus: true, // reveal on focus
  cloakOnBlur: true, // cloak on blur
  customCloak : undefined
});

Change log:

2015-12-25


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