<scripttype="text/javascript"src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
<script type="text/javascript"src="../messages_zh.js"></script>
以上是需引入的文件,还需引入jQuery文件,而且必须放在这两个文件前面(原因前面已经讲了,就不再赘述)。
jQuery PasswordValidation(密码验证)插件扩展了 jQuery Validate 插件,提供了两种组件:
一种评价密码的相关因素的功能:比如大小写字母的混合情况、字符(数字、特殊字符)的混合情况、长度、与用户名的相似度(可选的)。
一种使用评价功能显示密码强度的验证插件自定义方法。显示的文本可以被本地化。
<form action=""id="formdata">
<labelfor="text1">密 码</label>
<inputtype="text" id="text1"name="password"/><br>
<labelfor="text2">确认密码</label>
<inputtype="text" id="text2"name="repassword"/><br>
<inputtype="submit" value="验证"/>
</form>
<script>
$.validator.setDefaults({
submitHandler:function(){
alert("验证成功!");
}
});
$("#formdata").validate({
rules:{
password:{
required:true,
maxlength:"6"
},
repassword:{
equalTo:"[name='password']"
}
}
});
</script>
使用插件的方式,极大地简化了代码量,也省去了用正则表达式判断的复杂性。