<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery.validate自定义规则的使用方法</title>
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.validate.min.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
//规则名：buga,value检测对像的值
$.validator.addMethod("buga", function(value) {
return value == "buga";
}, 'Please enter "buga"!');
//规则名：chinese，value检测对像的值，element检测的对像
$.validator.addMethod("chinese", function(value, element) {
var chinese = /^[\u4e00-\u9fa5]+$/;
return (chinese.test(value)) || this.optional(element);
}, "只能输入中文");
//规则名：byteRangeLength，value检测对像的值，element检测的对像,param参数
jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {
var length = value.length;
for (var i = 0; i < value.length; i++) {
if (value.charCodeAt(i) > 127) {
length++;
}
}
return this.optional(element) || (length >= param[0] && length <= param[1]);
}, $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));
$(function(){
$("#form1").validate({
rules: {
username:{
required:true,
chinese:true,
byteRangeLength:[1,2]
}
//username:"buga"
//username:"chinese"
//username:"byteRangeLength"
}
});
});
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<p>
<label for="username">用户名：</label>
<input type="text" name="username" id="username"/>
</p>
<p>
<input type="submit" name="button" id="button" value="提交" />
</p>
</form>
</body>
</html>
上面的代码测试通过的。看了很多教程，只教怎么写自定义规则，但是没有写怎么使用，而jquery-validation自带的自定义规则例子又有一些其它的代码，看不太懂，所以搞了一个单项的出来。相信也有朋友和我一样初学，提供出来。
2372
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
