jq的validate插件验证表单 为什么失去焦点的时候错误提示框一直在呢

Question

问题描述

jq的validate插件验证表单 为什么失去焦点的时候错误提示框一直在呢

问题出现的环境背景及自己尝试过哪些方法

onfocusout: function(element) { 
        $(element).valid(); 
    }, 

目前使用了这个也不管用 遇到的问题就是 一个表单多个条件判断
密码 ：1。首先不能为空 2.还有8-16位字母数字
当我密码的input获取焦点 在失去交焦点的时候input不填写，为空的话提示必填。但是我再获取焦点填写信息的时候就会出现密码格式不对的错误提示 而不是我填写完失去焦点的时候提示

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

 <div class="shuru-password">
    <div class="content">
        <form action="" class="form" id="form">
            <div class="title"><span></span><a href="">返回</a></div>
            <div class="wire"></div>
            <h3>邮箱验证成功！请输入新密码</h3>
            <ul>
                <li><span class="lock"></span><input type="password" placeholder="请输入新密码，密码为8-16位数字字母结合，区分大小写" name="password" id="password"></li>
                <li><span class="lock"></span><input type="password" placeholder="请再次输入新密码" name="confirm_password" id="confirm_password"></li>
                <li>
                    <span class="pen"></span><input type="text"  placeholder="请输入验证码" style="width: 260px;" name="code" id="code">
                    <a href=""><img src="" alt="" style="width: 100px; height: 40px; margin-left: 15px;display: inline-block"></a>
                </li>
            </ul>
            <div class="next"><button class="next-a bg-orange" id="registerform" type="submit">确认</button></div>
        </form>
    </div>
</div>

<script>
$("#form").validate({
    onfocusout: function(element) { 
        $(element).valid(); 
    }, 
    submitHandler: function(form){  
        form.submit();   
    },
    rules:{
        password:{
            required:true,
              password:true
        },
        confirm_password:{
            required:true,
            equalTo:"#password"
        },
        code:{
            required:true
        }
    }
})

</script>

你期待的结果是什么？实际看到的错误信息又是什么？

我的目的是想实现失去焦点的时候提示错误信息

Answer 1

求教，在线等