jquery.validate验证样式怎么用css控制

html-css016

jquery.validate验证样式怎么用css控制,第1张

首先,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','#强')

}

}

)