jQuery Easyui Validatebox rules的常用扩展
2014-06-02 10:57
232 查看
扩展展示：
实例应用：
/**
* auther by GodSon
*
* date : 2010 - 11 -29
*/
$.extend($.fn.validatebox.defaults.rules, {
minLength : { // 判断最小长度
validator : function(value, param) {
return value.length >= param[0];
},
message : '最少输入 {0} 个字符。'
},
length:{validator:function(value,param){
var len=$.trim(value).length;
return len>=param[0]&&len<=param[1];
},
message:"内容长度介于{0}和{1}之间."
},
phone : {// 验证电话号码
validator : function(value) {
return /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
},
message : '格式不正确,请使用下面格式:020-88888888'
},
mobile : {// 验证手机号码
validator : function(value) {
return /^(13|15|18)\d{9}$/i.test(value);
},
message : '手机号码格式不正确(正确格式如：13450774432)'
},
phoneOrMobile:{//验证手机或电话
validator : function(value) {
return /^(13|15|18)\d{9}$/i.test(value) || /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
},
message:'请填入手机或电话号码,如13688888888或020-8888888'
},
idcard : {// 验证身份证
validator : function(value) {
return /^\d{15}(\d{2}[A-Za-z0-9])?$/i.test(value);
},
message : '身份证号码格式不正确'
},
floatOrInt : {// 验证是否为小数或整数
validator : function(value) {
return /^(\d{1,3}(,\d\d\d)*(\.\d{1,3}(,\d\d\d)*)?|\d+(\.\d+))?$/i.test(value);
},
message : '请输入数字，并保证格式正确'
},
currency : {// 验证货币
validator : function(value) {
return /^d{0,}(\.\d+)?$/i.test(value);
},
message : '货币格式不正确'
},
qq : {// 验证QQ,从10000开始
validator : function(value) {
return /^[1-9]\d{4,9}$/i.test(value);
},
message : 'QQ号码格式不正确(正确如：453384319)'
},
integer : {// 验证整数
validator : function(value) {
return /^[+]?[1-9]+\d*$/i.test(value);
},
message : '请输入整数'
},
chinese : {// 验证中文
validator : function(value) {
return /^[\u0391-\uFFE5]+$/i.test(value);
},
message : '请输入中文'
},
english : {// 验证英语
validator : function(value) {
return /^[A-Za-z]+$/i.test(value);
},
message : '请输入英文'
},
unnormal : {// 验证是否包含空格和非法字符
validator : function(value) {
return /.+/i.test(value);
},
message : '输入值不能为空和包含其他非法字符'
},
username : {// 验证用户名
validator : function(value) {
return /^[a-zA-Z][a-zA-Z0-9_]{5,15}$/i.test(value);
},
message : '用户名不合法（字母开头，允许6-16字节，允许字母数字下划线）'
},
faxno : {// 验证传真
validator : function(value) {
// return /^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/i.test(value);
return /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
},
message : '传真号码不正确'
},
zip : {// 验证邮政编码
validator : function(value) {
return /^[1-9]\d{5}$/i.test(value);
},
message : '邮政编码格式不正确'
},
ip : {// 验证IP地址
validator : function(value) {
return /d+.d+.d+.d+/i.test(value);
},
message : 'IP地址格式不正确'
},
name : {// 验证姓名，可以是中文或英文
validator : function(value) {
return /^[\u0391-\uFFE5]+$/i.test(value)|/^\w+[\w\s]+\w+$/i.test(value);
},
message : '请输入姓名'
},
carNo:{
validator : function(value){
return /^[\u4E00-\u9FA5][\da-zA-Z]{6}$/.test(value);
},
message : '车牌号码无效（例：粤J12350）'
},
carenergin:{
validator : function(value){
return /^[a-zA-Z0-9]{16}$/.test(value);
},
message : '发动机型号无效(例：FG6H012345654584)'
},
email:{
validator : function(value){
return /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(value);
},
message : '请输入有效的电子邮件账号(例：abc@126.com)'
},
msn:{
validator : function(value){
return /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(value);
},
message : '请输入有效的msn账号(例：abc@hotnail(msn/live).com)'
},department:{
validator : function(value){
return /^[0-9]*$/.test(value);
},
message : '请输入部门排序号(例：1)'
},same:{
validator : function(value, param){
if($("#"+param[0]).val() != "" && value != ""){
return $("#"+param[0]).val() == value;
}else{
return true;
}
},
message : '两次输入的密码不一致！'
}
});实例应用：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>Basic DateBox - jQuery EasyUI Demo</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<link rel="stylesheet" type="text/css" href="myPlugin/jquery-easyui-1.3.6/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="myPlugin/jquery-easyui-1.3.6/themes/icon.css">
<link rel="stylesheet" type="text/css" href="myPlugin/jquery-easyui-1.3.6/demo/demo.css">
<script type="text/javascript" src="myPlugin/jquery-easyui-1.3.6/jquery.min.js"></script>
<script type="text/javascript" src="myPlugin/jquery-easyui-1.3.6/jquery.easyui.min.js"></script>
<!-- javascript -->
<script type="text/javascript">
// 自动加载方法 start
$().ready(function(){
// 表单验证 start
// 邮件地址验证
$('#emailId').validatebox({
required: true,
validType: 'email',
missingMessage: '邮件地址不能为空.',
invalidMessage:'请输入正确的邮件地址.'
});
// 用户名验证
$('#usernameId').validatebox({
required: true,
validType:['chinese','length[3,6]', 'aaa'],
missingMessage: '用户名不能为空.',
});
// 表单验证 end
// extends validatebox rules
$.extend($.fn.validatebox.defaults.rules, {
chinese : {// 验证中文
validator : function(value) {
return /^[\u0391-\uFFE5]+$/i.test(value);
},
message : '请输入中文.'
},
length : {// 长度验证
validator : function(value, param){
var len = $.trim(value).length;
return len >= param[0] && len <= param[1];
},
message : '内容长度介于{0}和{1}之间.'
},
aaa : { // 随意定义了一个规则
validator : function(value){
return value == '雪山独孤';
},
message : '名字为[雪山独孤].'
}
}); // end rules
// 提交验证
$(":submit").click(function(){
if(!$("#form1").form("validate")){
return false;
}
}); // 提交验证 end
}); // 自动加载方法 end
</script>
</head>
<body>
<form id="form1" action="#">
<div style="margin-top:25px;"></div>
<label>邮箱：</label><input id="emailId" style="width:200px;" />
<div style="margin-top:25px;"></div>
<label>用户名：</label><input id="usernameId" style="width:200px;"/>
<div style="margin-top:25px;"></div>
<input type="submit" value="提交"/>
</form>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jQuery Easyui Validatebox rules的常用扩展
- jQuery Easyui Validatebox rules的常用扩展
- jQuery EasyUI扩展:validatebox实现多重规则验证
- jquery-validate常用扩展验证
- jquery.validate.js常用扩展函数
- JQuery EasyUI validate 扩展
- jQuery EasyUI---validatebox 校验规则扩展
- jQuery EasyUI---validatebox 校验规则扩展
- jQuery EasyUI---validatebox 校验规则扩展
- jquery validate自定义扩展实例,以及一些常用验证
- Firefox常用插件及扩展
- 扩展GridView控件(索引) - 增加多个常用功能
- 综合应用WPF/WCF/WF/LINQ之二十：ListView控件中几个常用的扩展方法
- 在Javascript中对String的一些方法扩展，实现常用的字符串处理。
- VC中常用的一些文件扩展名
- 扩展GridView控件(索引) - 增加多个常用功能
- 在Javascript中对Array的一些方法扩展，实现常用的查询处理。
- Javascript数组常用方法[包含MS AJAX.NET的prototype扩展方法]示例
- firefox的常用n个扩展
- VC中常用的一些文件扩展名