表单判断

102 阅读1分钟
    <form action="1.html">
        <input type="password" id="pwd" onblur="blurfn()">
        <span></span>
        <input type="submit" value="提交">
    </form>
    <script>
        let form = document.querySelector('form');
        function blurfn() {
            let pwd = document.querySelector("#pwd").value;
            let s = document.querySelector('span');
            if (pwd.trim() == '') {
                s.innerHTML = '不能为空';
                s.style.color = 'red';
                return false
            }
            if (pwd.length < 6) {
                s.innerHTML = '长度不能小于6位';
                s.style.color = 'red';
                return false
            }
            s.innerHTML = '';
            s.style.color = '';
            return true
        }
        form.onsubmit = function () {
            if(blurfn() == true){
                return true
            }
            return false;
        }
    </script>
</body>