jq的validate插件验证表单 为什么失去焦点的时候错误提示框一直在呢
问题描述
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>
你期待的结果是什么?实际看到的错误信息又是什么?
我的目的是想实现失去焦点的时候提示错误信息
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
求教,在线等