一款优秀的表单验证插件——validation插件
内置验证规则:拥有必填、数字、email、url和信用卡号码等19类内置验证规则
自定义验证规则:可以很方便的自定义验证规则
简单强大的验证信息提示:默认了验证信息提示,并提供自定义覆盖默认提示信息的功能
实时验证:可以通过keyup或bulr事件触发验证,而不仅仅在表单提交的时候验证。下载:
http://bassistance.de/jquery-plugins/jquery-plugin-validation/
使用时需要导入JQuery库、validate库。如:
<script type="text/javascript" src="../js/jquery-1.8.3.js" ></script>
<script type="text/javascript" src="../js/jquery.validate.min.js"></script>
<script type="text/javascript" src="../js/messages_zh.js" ></script>
校验规则:
检验方式:
$("...").validate({
rules:{
},
messages:{
}
});
rules规则语法:
rules:{
字段名:校验器,
字段名:校验器
}
messages提示语法:
messages:{
字段名:{
检验器:"提示",
检验器:"提示"
}
$("#checkform").validate({
rules:{
username:{
required:true,
maxlength:16
},
password:{
required:true,
digits:true,
rangelength:[12,16]
}
},
messages:{
username:{
required:"用户名不能为空!",
maxlength:"用户名最大字符为16位!",
},
password:{
required:"密码不能为空!",
digits:"密码必须是整数",
rangelength:"密码输入长度范围为12-16位!"
}
}
});