核心提示:这是长年累月根据 实际项目应用,对jQuery easyUI 做一些拓展应用,。 直接上代码不多说了, 这些代码必须放在源码最底部。// Dialog 兼容处理window = function (o...
这是长年累月根据 实际项目应用,对jQuery easyUI 做一些拓展应用,。 直接上代码不多说了, 这些代码必须放在源码最底部。
// Dialog 兼容处理 window = function (opts) { var query = parent.$, fnClose = opts.onClose; opts = query.extend({ title: 'My Dialog', width: 400, height: 220, closed: false, cache: false, modal: true, html: '', url: '', viewModel: query.noop }, opts); opts.onClose = function () { if (query.isFunction(fnClose)) fnClose(); query(this).window('destroy'); }; if (query.isFunction(opts.html)) opts.html = utils.functionComment(opts.html); else if (/^\#.*\-template$/.test(opts.html)) opts.html = $(opts.html).html(); var win = query('<p></p>').appendTo('body').html(opts.html); if (opts.url) query.ajax({ async: false, url: opts.url, success: function (d) { win.empty().html(d); } }); win.window(opts); query.parser.onComplete = function () { if ("undefined" === typeof ko) opts.viewModel(win); else ko.applyBindings(new opts.viewModel(win), win[0]); query.parser.onComplete = query.noop; }; query.parser.parse(win); return win; }; //时间格式化 $.fn.datebox.defaults.formatter = function(date){ var y = date.getFullYear(); var m = date.getMonth()+1; var d = date.getDate(); m=m<10?"0"+m:m; d=d<10?"0"+d:d; return y+'-'+m+'-'+d; }
// numberbox 的小数点是0位时候,不准输入点 $.fn.numberbox.defaults.filter=function(e) { debugger var opts = $(this).numberbox("options"); var s = $(this).numberbox("getText"); if (e.which == 13) { return true; } if (opts.precision == 0 && e.keyCode ==46) { return false; } if (e.which == 45) { return (s.indexOf("-") == -1 ? true : false); } var c = String.fromCharCode(e.which); if (c == opts.decimalSeparator) { return (s.indexOf(c) == -1 ? true : false); } else { if (c == opts.groupSeparator) { return true; } else { if ((e.which >= 48 && e.which <= 57 && e.ctrlKey == false && e.shiftKey == false) || e.which == 0 || e.which == 8) { return true; } else { if (e.ctrlKey == true && (e.which == 99 || e.which == 118)) { return true; } else { return false; } } } } }; $.messager.defaults={ok:"确定",cancel:"取消"}; $.fn.window.defaults.resizable=false; $.fn.window.defaults.draggable=false; $.extend($.fn.validatebox.defaults.tipOptions, { onShow:function(){ $(this).tooltip("tip").css({color:"#fff",borderColor:"#07c8cf",backgroundColor:"#07c8cf",borderRadius:"2px",padding:"0 8px"}); $(this).tooltip("tip").find(".tooltip-content").css({ fontSize: "12px",lineHeight: "14px"}); $(this).tooltip("tip") .find("tooltip-arrow-outer,.tooltip-arrow").css({ marginTop:"-7px"}) },showDelay:0,hideDelay:0 }); //验证拓展 $.extend($.fn.validatebox.defaults.rules, { //验证中文 CHS:{ validator:function(value){ return /^[\u0391-\uFFE5]+$/.test(value); }, message:"只能输入汉字." }, //日期验证YYYY-MM-dd; dateTime:{ validator:function(value){ var reg = /((^((1[8-9]\d{2})|([2-9]\d{3}))([-])(10|12|0?[13578])([-])(3[01]|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-])(11|0?[469])([-])(30|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-])(0?2)([-])(2[0-8]|1[0-9]|0?[1-9])$)|(^([2468][048]00)([-])(0?2)([-])(29)$)|(^([3579][26]00)([-])(0?2)([-])(29)$)|(^([1][89][0][48])([-])(0?2)([-])(29)$)|(^([2-9][0-9][0][48])([-])(0?2)([-])(29)$)|(^([1][89][2468][048])([-])(0?2)([-])(29)$)|(^([2-9][0-9][2468][048])([-])(0?2)([-])(29)$)|(^([1][89][13579][26])([-])(0?2)([-])(29)$)|(^([2-9][0-9][13579][26])([-])(0?2)([-])(29)$))$/; return reg.test(value); }, message:"日期输入不合法." }, //字符验证 stringCheck:{ validator:function(value){ return /^[\u0391-\uFFE5\w]+$/.test(value); }, message:"只能包括中文字、英文字母、数字和下划线." }, //验证中文,英文,数字 stringCheckSub:{ validator:function(value){ return /^[a-zA-Z0-9\u4E00-\u9FA5]+$/.test(value); }, message:"只能包括中文字、英文字母、数字." }, nonzero:{ validator:function(value){ if(Number(value)===0){ //使用为非空的数值框 return false; }else{ /* if(value-999999>0){ $.fn.validatebox.defaults.rules.nonzero.message="输入数值不可超过999999"; return false; }*/ return true; } }, message:"输入数字不可为零" }, englishCheckSub:{ validator:function(value){ return /^[a-zA-Z0-9]+$/.test(value); }, message:"只能包括英文字母、数字." }, numberCheckSub:{ validator:function(value){ return /^[0-9]+$/.test(value); }, message:"只能输入数字." }, //手机号码验证 mobile:{ validator:function(value){ var reg = /^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[0-9]{1})|(18[0-9]{1})|(18[0-9]{1}))+\d{8})$/; return value.length == 11 && reg.test(value); }, message:"请正确填写您的手机号码." }, //电话号码验证 telephone:{ validator:function(value){ //电话号码格式010-12345678 var reg = /^\d{3,4}?\d{7,8}$/; return reg.test(value); }, message:"请正确填写您的电话号码." }, //联系电话(手机/电话皆可)验证 mobileTelephone:{ validator:function(value){ var cmccMobile = /^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[0-9]{1})|(18[0-9]{1})|(18[0-9]{1}))+\d{8})$/;; var tel = /^\d{3,4}?\d{7,8}$/; return tel.test(value) || (value.length == 11 && cmccMobile.test(value)); }, message:"请正确填写您的联系电话." }, //验证国内邮编验证 zipCode:{ validator:function(value){ var reg = /^[1-9]\d{5}$/; return reg.test(value); }, message:"邮编必须长短0开端的6位数字." }, dateCode:{ /* ///闰年的2月份有29天,因此匹配闰年日期格式为YYYY-MM-DD的正则表达式为: (([0-9]{2})(0[48]|[2468][048]|[13579][26])|((0[48]|[2468][048]|[3579][26])00))-02-29最后,将平年和闰年的日期验证表达式合并,我们得到最终的验证日期格式为YYYY-MM-DD的正则表达式为: */ validator:function(value){ var reg = /((^((1[8-9]\d{2})|([2-9]\d{3}))([-])(10|12|0?[13578])([-])(3[01]|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-])(11|0?[469])([-])(30|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-])(0?2)([-])(2[0-8]|1[0-9]|0?[1-9])$)|(^([2468][048]00)([-])(0?2)([-])(29)$)|(^([3579][26]00)([-])(0?2)([-])(29)$)|(^([1][89][0][48])([-])(0?2)([-])(29)$)|(^([2-9][0-9][0][48])([-])(0?2)([-])(29)$)|(^([1][89][2468][048])([-])(0?2)([-])(29)$)|(^([2-9][0-9][2468][048])([-])(0?2)([-])(29)$)|(^([1][89][13579][26])([-])(0?2)([-])(29)$)|(^([2-9][0-9][13579][26])([-])(0?2)([-])(29)$))$/; var reg1=/((^((1[8-9]\d{2})|([2-9]\d{3}))(10|12|0?[13578])(3[01]|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))(11|0?[469])(30|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))(0?2)(2[0-8]|1[0-9]|0?[1-9])$)|(^([2468][048]00)(0?2)(29)$)|(^([3579][26]00)([-])(0?2)(29)$)|(^([1][89][0][48])(0?2)(29)$)|(^([2-9][0-9][0][48])(0?2)(29)$)|(^([1][89][2468][048])(0?2)(29)$)|(^([2-9][0-9][2468][048])([-])(0?2)(29)$)|(^([1][89][13579][26])(0?2)(29)$)|(^([2-9][0-9][13579][26])(0?2)(29)$))$/ return reg.test(value)||(reg1.test(value)&&value.length==8); }, message:"日期编号正确格式19910209或1991-02-09" }, //验证国内邮编验证 carNO:{ validator:function(value){ var reg = /^[a-zA-Z]{1}[a-zA-Z_0-9]{5}$/; return reg.test(value); }, message:"车牌格式不正确." }, //验证选择框选择一个有效的项 selectIndex:{ validator:function(value){ if(value&&value=="请选择") { return false; }else{ return true; } }, message:"请选择一个有效选项" }, //身份证号码验证 idCardNo:{ validator:function(value){ return isIdCardNo(value); }, message:"请正确输入您的身份证号码." }, //验证两个不同时为空 //可以自定义提示信息 allNotNull:{ validator:function(toValue,fromValue){ if(fromValue ==null || fromValue.length ==0 || fromValue[0]==null || fromValue[0]==""){ if(toValue ==null || toValue.length ==0 || toValue[0]==null || toValue[0]==""){ $.fn.validatebox.defaults.rules.compareDigit.message="中,英.文名不可同时为空 "; return false; }else{ return true; } }else {return true;} }, message:"" }, minLength: { validator: function(value, param){ return value.length >= param[0]; }, message: '输入字符串长度不得小于{0}' }, maxLength: { validator: function(value, param){ debugger; return value.length <= param[0]; }, message: '输入字符串长度不得超过{0}个' }, scope:{ //使用方法validType:'maxLength[3,16]'3-16 之间的字符 validator: function(value, param){ return value.length <= param[0]||value.length >=param[1]; }, message: '请输入{0}-{1}位之间的长度字符' }, //数字验证大小,结束值应该大于开始值 //可以自定义提示信息 compareDigit:{ validator:function(toValue,fromValue){ if(fromValue ==null || fromValue.length ==0 || fromValue[0]==null || fromValue[0]==""){ return true; } if(parseFloat(toValue) > parseFloat(fromValue[0])){ return true; }else{ if(fromValue.length >= 2){ $.fn.validatebox.defaults.rules.compareDigit.message = fromValue[1]; }else{ $.fn.validatebox.defaults.rules.compareDigit.message = '结束值应该大于开始值'; } return false } }, message:"" }, //日期、时间验证大小,结束日期应该大于开始日期 //可以自定义提示信息 /*<tr> <td align="right" width="80px"><label style="color: red">*</label> 上架时间:</td> <td><input id="startDate" name="startDate" class="easyui-datebox" required="true" style="width: 150px;"></td> </tr> <tr> <td align="right" width="80px"><label style="color: red">*</label> 下架时间:</td> <td><input id="expireDate" name="expireDate" style="width: 150px;" class="easyui-datebox" required="true" validType="compareDate[$('#startDate').datebox('getText'),'结束日期应该大于开始日期']"></td> </tr>*/ compareDate:{ validator:function(toDate,param) { if (param == null || param.length == 0 || param[0] == null || param[0] == "") { return true; } if (toDate >= param[0]) { return true; } else { if (param.length >= 2) { $.fn.validatebox.defaults.rules.compareDate.message = param[1]; } else { $.fn.validatebox.defaults.rules.compareDate.message = '结束日期应该大于开始日期'; } return false } }, message:'' }, compareEqualityDate:{ validator:function(toDate,param) { var reg = /((^((1[8-9]\d{2})|([2-9]\d{3}))([-])(10|12|0?[13578])([-])(3[01]|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-])(11|0?[469])([-])(30|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-])(0?2)([-])(2[0-8]|1[0-9]|0?[1-9])$)|(^([2468][048]00)([-])(0?2)([-])(29)$)|(^([3579][26]00)([-])(0?2)([-])(29)$)|(^([1][89][0][48])([-])(0?2)([-])(29)$)|(^([2-9][0-9][0][48])([-])(0?2)([-])(29)$)|(^([1][89][2468][048])([-])(0?2)([-])(29)$)|(^([2-9][0-9][2468][048])([-])(0?2)([-])(29)$)|(^([1][89][13579][26])([-])(0?2)([-])(29)$)|(^([2-9][0-9][13579][26])([-])(0?2)([-])(29)$))$/; if (reg.test(toDate)) { if (param == null || param.length == 0 || param[0] == null || param[0] == "") { return true; } if (toDate >= param[0]) { return true; } else { if (param.length >= 2) { $.fn.validatebox.defaults.rules.compareEqualityDate.message = param[1]; } else { $.fn.validatebox.defaults.rules.compareEqualityDate.message = '结束日期应该不小于开始日期'; } return false } } else { $.fn.validatebox.defaults.rules.compareEqualityDate.message = '请输入正确的时间格式'; return false } }, message:'' } //到服务器端验证 /*remote:{ validator:function(value,param){ var params = {}; params[param[1]] = value; $.post(param[0],params,function(data){ if(!data.msg){ $.fn.validatebox.defaults.rules.account.message = param[2]; } return data.msg; }); }, message:"" }*/ } ) //--身份证号码验证-支持新的带x身份证 function isIdCardNo(num) { var factorArr = new Array(7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2,1); var error; var varArray = new Array(); var intValue; var lngProduct = 0; var intCheckDigit; var intStrLen = num.length; var idNumber = num; // initialize if ((intStrLen != 15) && (intStrLen != 18)) { //error = "输入身份证号码长度不对!"; //alert(error); //frmAddUser.txtIDCard.focus(); return false; } // check and set value for(i=0;i<intStrLen;i++) { varArray[i] = idNumber.charAt(i); if ((varArray[i] < '0' || varArray[i] > '9') && (i != 17)) { //error = "错误的身份证号码!."; //alert(error); //frmAddUser.txtIDCard.focus(); return false; } else if (i < 17) { varArray[i] = varArray[i]*factorArr[i]; } } if (intStrLen == 18) { //check date var date8 = idNumber.substring(6,14); if (isDate8(date8) == false) { //error = "身份证中日期信息不正确!."; //alert(error); return false; } // calculate the sum of the products for(i=0;i<17;i++) { lngProduct = lngProduct + varArray[i]; } // calculate the check digit intCheckDigit = 12 - lngProduct % 11; switch (intCheckDigit) { case 10: intCheckDigit = 'X'; break; case 11: intCheckDigit = 0; break; case 12: intCheckDigit = 1; break; } // check last digit if (varArray[17].toUpperCase() != intCheckDigit) { //error = "身份证效验位错误!...正确为: " + intCheckDigit + "."; //alert(error); return false; } } else{ //length is 15 //check date var date6 = idNumber.substring(6,12); if (isDate6(date6) == false) { //alert("身份证日期信息有误!."); return false; } } //alert ("Correct."); return true; } /** * 判断是否为“YYYYMM”式的时期 * */ function isDate6(sDate) { if(!/^[0-9]{6}$/.test(sDate)) { return false; } var year, month, day; year = sDate.substring(0, 4); month = sDate.substring(4, 6); if (year < 1700 || year > 2500) return false if (month < 1 || month > 12) return false return true } /** * 判断是否为“YYYYMMDD”式的时期 * */ function isDate8(sDate) { if(!/^[0-9]{8}$/.test(sDate)) { return false; } var year, month, day; year = sDate.substring(0, 4); month = sDate.substring(4, 6); day = sDate.substring(6, 8); var iaMonthDays = [31,28,31,30,31,30,31,31,30,31,30,31] if (year < 1700 || year > 2500) return false if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) iaMonthDays[1]=29; if (month < 1 || month > 12) return false if (day < 1 || day > iaMonthDays[month - 1]) return false return true }