富贵资源网 Design By www.hznty.com
Jquery easyui是一个非常好的ui框架，但是表单验证中没有最常用的判断两个输出框中值相等的验证，所以我做了下扩展。
$.extend($.fn.validatebox.defaults.rules, {
/*必须和某个字段相等*/
equalTo: {
validator:function(value,param){
return $(param[0]).val() == value;
},
message:'字段不匹配'
}
});
使用示例：
密码： <input id="password" name="password" validType="length[4,32]" class="easyui-validatebox" required="true" type="password" value=""/> <br/> 确认密码：<input type="password" name="repassword" id="repassword" required="true" class="easyui-validatebox" validType="equalTo['#password']" invalidMessage="两次输入密码不匹配"/>
将validType属性指定为equalTo['#password']即可。
当然使用这个小插件，必须要先引用jquery easyui的js库。
使用jQuery.validate验证表单中两次密码是否一致的时候遇到了一点小问题，这是我编写的代码：
$("#aspnetForm").validate({
rules: {
txtName: {
required: true
},
txtTrueName: {
required: true
},
txtPass: {
required: true,
minlength: 3
},
txtTwoPass: {
required: true,
minlength: 3,
equalTo: "#txtPass"
},
txtEmail: {
required: true,
email: true
},
txtAddress: {
required: true
},
txtPhone: {
required: true
}
},
messages: {
txtName: {
required: "*请输入用户名"
},
txtTrueName: {
required: "*请输入姓名"
},
txtPass: {
required: "*请输入密码",
minlength: "*密码不能小于3个字符"
},
txtTwoPass: {
required: "*请输入确认密码",
minlength: "*密码不能小于3个字符",
equalTo: "*请再次输入相同的值"
},
txtEmail: {
required: "*请输入邮箱",
email: "*请输入正确的邮箱格式"
},
txtAddress: {
required: "*请输入地址"
},
txtPhone: {
required: "*请输入手机号码"
}
}
});
为什么明明我输入的两次密码是一致的还一直提示我呢？试过不同的浏览器和不同版本的validate都是如此。
不知道大家有没有遇到类似的问题，我查阅了许多文章，总结了一下解决问题的思路：
- 先去去查看html页面的两个password型是否都赋值id了。
- 或者检索下页面是否存在两个txtPass的id。
- 或者你先将equalTo去掉，在重新验证下，看看是否有存在其他错误，没有在倒回来排查这个地方。
希望这篇文章可以给大家一些启发，谢谢大家的阅读，小编一定会再接再厉。
富贵资源网 Design By www.hznty.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
富贵资源网 Design By www.hznty.com
暂无评论...
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。