jQuery Easyui Validatebox rules的常用扩展

来源：互联网发布：郑州java程序员工资编辑：程序博客网时间：2024/04/17 02:16

扩展展示：

/** * 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>

0 0