File: example3.html

Recommend this page to a friend!
  Classes of Axel Hahn  >  AH JavaScript Password Strength Check  >  example3.html  >  Download  
File: example3.html
Role: Example script
Content type: text/plain
Description: Example script
Class: AH JavaScript Password Strength Check
Calculate and display the strength of a password
Author: By
Last change: added minified version; min version is used in examples now
Date: 3 years ago
Size: 2,615 bytes


Class file image Download
<!DOCTYPE html>
        <title>Demo 3 for password checker</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="ahpwcheck.class.min.js"></script>
        <link rel="stylesheet" type="text/css" href="example.css" />
        <h1>Demo 3 for password checker (ahpwcheck.class.js)</h1>
            <a href="example.html">example 1</a>
            <a href="example2.html">example 2</a>
            <a href="example3.html" class="active">example 3</a>
            <a href="example4.html">example 4</a>
            <a href="example5.html">example 5</a>
        <!-- ************************************************************** -->
        <h2>Use another language</h2>
        <p class="info">
            For multilanguage support you can override all texts of the info
            Here is a demo for German texts.
            <input type="password" id="ePassword">

        <div id="outpwcheck"></div>
        <script id="source">

            var aOptions = {
                'lang': {
                    'introtext': 'Check des Passwortes - erf&uuml;llte Bedingungen: [COUNT]/ [REQUIRED] (score: [SCORE])',

                    'lcase': 'Kleinbuchstaben (min [REQUIRED]): [COUNT]',
                    'ucase': 'Grossbuchstaben (min [REQUIRED]): [COUNT]',
                    'digits': 'Ziffern (min [REQUIRED]): [COUNT]',
                    'special': 'Sonderzeichen (min [REQUIRED]): [COUNT]',
                    'count': 'Zeichen (min [REQUIRED]): [COUNT]'
            var oPwCheck = new ahpwcheck(aOptions);
            oPwCheck.watch('ePassword', 'outpwcheck');

        <!-- ************************************************************** -->

            Language texts an replacements.<br>
            In the options use the subkey "lang".<br>
            Additionally all replacements were used: [COUNT], [REQUIRED], [SCORE]
            document.write("<pre>" + document.getElementById("source").innerHTML + "</pre>");
        DOCS: <a href="http://www.axel-hahn.de/docs/ahpwcheck/index.htm" target="_blank">http://www.axel-hahn.de/docs/ahpwcheck/index.htm</a>