JSFiddle - React, Tailwind, and code Playground

by Kriti

HTML

<div>
<input id="password" type="text"></input>
<input type="button" value="check" onclick="checkPwd()"></input>
</div>

JavaScript

checkPwd = function () {
        var str = document.getElementById('password').value;
        if (str.length < 7) {
            alert("too_short");
            return ("too_short");
        } else if (str.search(/\d/) == -1) {
            alert("no_num");
            return ("no_num");
        } else if (str.search(/[a-z]/) == -1) {
            alert("no lowercase letter");
            return ("no_lowercase_letter");
        } else if (str.search(/[A-Z]/) == -1) {
            alert("no uppercase letter");
            return ("no_uppercase_letter");
        }else if (str.search(/[@#$%]/) == -1) {
            alert("no_special_character");
            return ("no_special_character");
        }
        alert("ok!!");
        return ("ok");
    }