首先,jquery.validate是一个验证表单的方法,它主要的功能是为表单提供简单的表单提交的验证方法,比如必填项的提示、密码是否一致、邮箱格式等等;
基本的CSS样式的变化,即在<style></style>中根据id或者class来写格式控制;
表单验证中自带的一些css格式可以在谷歌浏览器中的开发模式中找到其对应的id或者class来修改,该图中验证提示词的id=cname-error;
对id=cname-error改变css,效果为第一行;注意到有一个.error的存在,它是对所有报错的样式进行控制;改完后color样式可能不能改成功,不妨在你的color后加一个!important。
如果不怕麻烦,可以去改导入的jquery.vliadate.js文件。
1. 先写判断函数var passmode = function(a) {//计算密码组合种类
var num = 0
if(/[0-9]+/.test(a)) num++
if(/[a-zA-Z]+/.test(a)) num++
if(/[^0-9a-zA-Z\s\u4e00-\u9fa5]+/.test(a)) num++
return num
}
2. 调用判断
$('#password').keyup(function () {
var password = $('#password').val().replace(/\s*/, "")
var passleng = password.length
var _pass = passmode(password)
if (passleng <6) {//极弱,不考虑
return
}
if(/(?:(.)\1{3,})/.test(password) &&_pass == 1) {
//任何字符重复3次以上,并密码字符种类只有一种,弱
$('#hint').css('background-color','#弱')
} else if(_pass == 2 || (!/(?:(.)\1{3,})/.test(password)&&passleng >=6&&_pass == 1)) {
//密码种类超过6位存在两种 或 没有3次以上重复超过6位 中
$('#hint').css('background-color','#中')
} else if(_pass == 3){//不管是否重复字符,密码种类存在三种,长度大于等于6,强
$('#hint').css('background-color','#强')
}
}
)