Standalone javascript library to transform a standard password input box of a HTML form into a 9-dot pattern lock. Targeted at mobile webapplications where drawing a pattern on the touchscreen is far easier than typing in a password. Works on every major desktop and mobile browser.
JavaScript CSS HTML
Switch branches/tags
Nothing to show
Clone or download

README.md

PatternLock

Standalone javascript library to transform a standard password input box of a HTML form into a 9-dot pattern lock. Targeted at mobile webapplications where drawing a pattern on the touchscreen is far easier than typing in a password.

Works on every major desktop and mobile browser.

(This repository was moved from https://9dotpatternlock.codeplex.com/)

Example use
Copy the _img,_script and _style folders to your hosting
Copy these 2 lines in your HTML source

<link rel="stylesheet" type="text/css" href="_style/patternlock.css"/>
<script src="_script/patternlock.js"></script>

give your password input element the className "patternlock"
e.g. <input type="password" name="password" class="patternlock">

Live demo at http://www.stef.be/dev/javascript/patternlock/