Example of password strength verification

Verify password strength , Example rule ： With  6-18 Bit code , By digital 、 Case letters 、 More than two special characters , Determine the password strength according to the combination of passwords

Effect of the sample

html Code

<div class="row">
       <div class="col-md-12 ">
       <input type="password" id="password" class="form-control" name="password" placeholder=" password ">
       <label class="mt-1 labeltip" for="">8-18 position , Include capital letters 、 Lowercase letters 、 Symbol 、 In numbers 2 More than species </label>
       <label id="password-error" class="error col-md-12 passerrow mg-l" for="password"></label>
       </div>
</div>

js Code example ：

$(function () {

    //  Password authentication  6-18 Bit code , By digital 、 Case letters 、 More than two special characters 
    jQuery.validator.addMethod("isPwd", function (value, element) {
        value = jQuery.trim(value);
        let reg=/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9_A-Za-z\!\@\#\$\%\^\&\*\(\)\+\?\<\>\/\,\.]{8,18}$/;
        return this.optional(element) || reg.test(value);
    }, " Please lose 8-18 position , Include capital letters 、 Lowercase letters 、 Symbol 、 In numbers 2 More than species ");
   
    let form = $('#form-register').validate({
        rules: {           
            password: {
                required: true,
                isPwd: true
            },
            confirmPassword: {
                required: true,
                equalTo: "#password"
            },           
        },
        messages: {           
            password: {
                required: ' Please enter 8-18 position , Contain letters 、 Symbol 、 In numbers 2 More than species '
            },
            confirmPassword: {
                required: ' Please enter the confirmation password ',
                equalTo: ' The password input is inconsistent , Please re-enter '
            },          
        }
    })

    let reg = /.*[A-Z]+.*/  //  Whether it contains capital letters 
    let reg2 = /.*[a-z]+.*/  //  Whether it contains lowercase letters 
    let reg3 = /.*[0-9]+.*/ //  Contains figures 
    let reg4=/.*[\!\@\#\$\%\^\&\*\(\)\+\?\<\>\/\,\.]+.*/ //  Contains special characters 
    let pwdstrong = 0;
    let pwdLevel = 0;  

    // Password strength verification 
    $('#password').on('keyup', function () {
        let val = $.trim(this.value)
        if (!val) {
            $('.pwd-strength span').removeClass('strength-green')
            // $('.strength-name').text('')
            return
        }

        if (reg.test(val)) {
            pwdstrong += 1;
        }
        if (reg2.test(val)) {
            pwdstrong += 1;
        }
        if (reg3.test(val)) {
            pwdstrong += 1;
        }
        if (reg4.test(val)) {
            pwdstrong += 1;
        }
        $('.pwd-strength span').removeClass('strength-green').filter(':lt(' + pwdstrong + ')').addClass('strength-green');
        // $('.strength-name').text(pwdstrong === 3 ? " strong " : pwdstrong === 2 ? " in " : " weak ");
        pwdLevel = pwdstrong;
        pwdstrong = 0;
    })

})