最简单的用法就在表单中改改class类的值即可。下面为演示实例:
1。导入包:
<script src="js/jquery.js"type="text/javascript"></script>
<script src="js/jquery.validate.js"type="text/javascript"></script>
2。添加验证方法:
<script type="text/javascript">
$(document).ready(function () {
$("#form1").validate();
});
</script>
//其中,form1为你所要验证的表单ID值
3。修改表单的class:
<form class="cmxaform" id="commentForm"method="post" action="">
<input id="cnadme" name="name" class="required" minlength="2" />
<input name="email" id="email" class="required email" type="text"/>
<inputclass="submit" type="submit" value="提交"/>
</form>
// class="required" 表示该字段要求必须输入值
// class="required email" 表示字段要求必须输入值,而且要满足email格式要求。
//equalTo=".onePass"
//页面的其他按钮不验证设置:CssClass="cancel"
添加自定义验证:
// 图片格式验证
jQuery.validator.addMethod("uploadImage", function (value, element){
returnthis.optional(element) || isFile(value);
}, "图片限于bmp,png,gif,jpeg,jpg格式!");
function isFile(name) {
var filepath= name;
var extStart= filepath.lastIndexOf(".");
var ext =filepath.substring(extStart, filepath.length).toUpperCase();
if (ext !=".BMP" && ext != ".PNG"&& ext != ".GIF"&& ext != ".JPG"&& ext != ".JPEG") {
return false;
}
// var img = new Image();
// img.src = filepath;
// while (true) {
// if (img.fileSize > 0) {
// if (img.fileSize > 3 * 1024) {
// alert("图片不大于300KB。");
// return false;
// }
// break;
// }
// }
returntrue;
}
修改默认的信息提示:
例如:
$.validator.messages = {
required: "必填",
...//需全部重定义($可用jQuery代替)
};
或:
jQuery.extend(jQuery.validator.messages, {
required: "必填项"
});