表单验证等其他公用js方法
2016-12-05 20:44
471 查看
/* * DIV或元素居中 * @return */ jQuery.fn.mCenterDiv = function () { this.css("position", "absolute"); this.css("border", "1px solid #ccc"); this.css("top", ($(window).height() - this.height()) / 2 + $(window).scrollTop() + "px"); this.css("left", ($(window).width() - this.width()) / 2 + $(window).scrollLeft() + "px"); this.show(100); return this; }; /* * 替换字符串中所有符合的字符 * @param ASource 源字符串 * @param AFindText 待替换字符 * @param ARepText 替换后字符 * @return */ jQuery.mReplaceAll = function (ASource, AFindText, ARepText) { var raRegExp = new RegExp(AFindText, "g"); return ASource.replace(raRegExp, ARepText); }; /* * 判断object是否空,未定义或null * @param object * @return */ jQuery.mIsNull = function (obj) { if (obj == "" || typeof (obj) == "undefined" || obj == null || obj == "null") { return true; } else { return false; } }; /* * 去除左右空格 * @param str * @return */ jQuery.mTrim = function (str) { return str.replace(/(^\s*)|(\s*$)/g, "") } /* * 获取URL参数 * @param name 参数 * @return */ jQuery.mGetUrlParam = function (name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; }; /* * 乘法函数,用来得到精确的乘法结果 * @param arg1 参数1 * @param arg2 参数2 * @return */ jQuery.mAccMul = function (arg1, arg2) { var m = 0, s1 = arg1.toString(), s2 = arg2.toString(); try { m += s1.split(".")[1].length } catch (e) { } try { m += s2.split(".")[1].length } catch (e) { } return Number(s1.replace(".", "")) * Number(s2.replace(".", "")) / Math.pow(10, m) } /* * 获取随机数 * @param x 下限 * @param y 上限 * @return */ jQuery.mGetRandom = function (x, y) { return parseInt(Math.random() * (y - x + 1) + x); }; /** * 时间对象的格式化 "yyyy-MM-dd hh:mm:ss"; */ jQuery.mGetDate = function (format) { var d = new Date(); var o = { "M+": d.getMonth() + 1, // month "d+": d.getDate(), // day "h+": d.getHours(), // hour "m+": d.getMinutes(), // minute "s+": d.getSeconds(), // second "q+": Math.floor((d.getMonth() + 3) / 3), // quarter "S": d.getMilliseconds() // millisecond } if (/(y+)/.test(format)) { format = format.replace(RegExp.$1, (d.getFullYear() + "").substr(4 - RegExp.$1.length)); } for (var k in o) { if (new RegExp("(" + k + ")").test(format)) { format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length)); } } return format; } /* * 将数值四舍五入(保留2位小数)后格式化成金额形式 * @param num 数值(Number或者String) * @return 金额格式的字符串,如'1,234,567.45' */ jQuery.mFormatCurrency = function (num) { num = num.toString().replace(/\$|\,/g, ''); if (isNaN(num)) num = "0"; sign = (num == (num = Math.abs(num))); num = Math.floor(num * 100 + 0.50000000001); cents = num % 100; num = Math.floor(num / 100).toString(); if (cents < 10) cents = "0" + cents; for (var i = 0; i < Math.floor((num.length - (1 + i)) / 3); i++) num = num.substring(0, num.length - (4 * i + 3)) + ',' + num.substring(num.length - (4 * i + 3)); return (((sign) ? '' : '-') + num + '.' + cents); } /* * 正则验证 * @param s 验证字符串 * @param type 验证类型 money,china,mobile等 * @return */ jQuery.mCheck = function (s, type) { var objbool = false; var objexp = ""; switch (type) { case 'money': //金额格式,格式定义为带小数的正数,小数点后最多三位 objexp = "^[0-9]+[\.][0-9]{0,3}$"; break; case 'numletter_': //英文字母和数字和下划线组成 objexp = "^[0-9a-zA-Z\_]+$"; break; case 'numletter': //英文字母和数字组成 objexp = "^[0-9a-zA-Z]+$"; break; case 'numletterchina': //汉字、字母、数字组成 objexp = "^[0-9a-zA-Z\u4e00-\u9fa5]+$"; break; case 'email': //邮件地址格式 objexp = "^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$"; break; case 'tel': //固话格式 objexp = "^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$"; break; case 'mobile': //手机号码 objexp = "^[1][0-9][0-9]{9}$"; //^(13[0-9]|15[0-9]|18[0-9])([0-9]{8})$ break; case 'decimal': //浮点数 objexp = "^[0-9]+([.][0-9]+)?$"; break; case 'url': //网址 objexp = "(http://|https://){0,1}[\w\/\.\?\&\=]+"; break; case 'date': //日期 YYYY-MM-DD格式 objexp = "^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$"; break; case 'int': //整数 objexp = "^[0-9]*[1-9][0-9]*$"; break; case 'int+': //正整数包含0 objexp = "^\\d+$"; break; case 'int-': //负整数包含0 objexp = "^((-\\d+)|(0+))$"; break; case 'china': //中文 objexp = "^[\u0391-\uFFE5]+$"; // /^[\u4E00-\u9FA5]{0,6}$/ 0至6位字符的中文 break; case 'english': objexp = "[a-zA-Z]"; } var re = new RegExp(objexp); if (re.test(s)) { return true; } else { return false; } }; /* * 获取控件的值 * @param controlID 控件ID * @param controltype 类型 如text radio * @return */ jQuery.mGetValue = function (controlID, controltype) { var objValue = ""; switch (controltype) { case 'text': //文本输入框 objValue = $.trim($("#" + controlID + "").attr("value")); //取值去左右空格 break; case 'radio': //单选框 objValue = $("input[name='" + controlID + "']:checked").attr("value"); break; case 'select': //下拉列表 objValue = $("#" + controlID + "").attr("value"); break; case 'checkbox': //多选框 $("input[name='" + controlID + "']:checked").each(function () { objValue += $(this).val() + ","; }); break; default: break; } return objValue; }; /* * 设置控件的值 * @param controlID 控件ID * @param controltype 类型 如text radio * @param controlvalue 绑定值 * @return */ jQuery.mSetValue = function (controlID, controltype, controlvalue) { switch (controltype) { case 'text': //文本输入框 //$("#txtUserID").attr("value", '这是绑定内容'); //填充内容 //$("input[name='radio1'][value='上海']").attr("checked", true); //单选组radio:设置value='上海'的项目为当前选中项 //$("#select1").attr("value", '葡萄牙'); //下拉框select:设置value='中国'的项目为当前选中项 //$("input[name='checkbox1'][value='黑色'],[value='蓝色']").attr("checked", true); //多选框:设置多个值为当前选中项 $("#" + controlID + "").attr("value", controlvalue); //填充内容 break; case 'radio': //单选框 $("input[name='" + controlID + "'][value='" + controlvalue + "']").attr("checked", true); break; case 'select': //下拉列表 $("#" + controlID + "").attr("value", controlvalue); break; case 'checkbox': //多选框 $("input[name='" + controlID + "'][value='" + controlvalue + "'],[value='" + controlvalue + "']").attr("checked", true); //多选框:设置多个值为当前选中项 break; default: break; } }; /* * 兼容IE火狐等浏览器的自动跳转 * @param url 跳转网址 * @return */ jQuery.mAutoNav = function (url) { if ($.browser.msie) { var referLink = document.createElement('a'); referLink.href = url; document.body.appendChild(referLink); referLink.click(); } else { location.href = url; } }; /* * Table表格奇偶行设置颜色及移动鼠标行变色 * @param ta 4000 ble 表格ID * @return */ jQuery.mTableHover = function (table) { $("#" + table).each(function () { var o = $(this); //设置偶数行和奇数行颜色 o.find("tr:even").css("background-color", "#EFF3FB"); o.find("tr:odd").css("background-color", "#FFFFFF"); //鼠标移动隔行变色hover用法关键 o.find("tr:not(:first)").hover(function () { $(this).attr("bColor", $(this).css("background-color")).css("background-color", "#E0E0E0"); }, function () { $(this).css("background-color", $(this).attr("bColor")); }); }); }; /* * gridview 隔行换色 鼠标滑过变色 多选 * c#获取选择值 Request.Form.Get("chkItem") * @param objgridview ID * @return */ jQuery.mGridview = function (objgridview) { var headcolor = { background: '#E0ECFF', color: '#333' }; var normalcolor = { background: '#f7f6f3' }; var altercolor = { background: '#EDF1F8' }; var hovercolor = { background: '#89A5D1' }; var selectcolor = { background: '#ACBFDF' }; var nullcolor = {}; //get obj id var gridviewId = "#" + objgridview; //even $(gridviewId + ">tbody tr:even").css(normalcolor); //first $(gridviewId + ">tbody tr:first").css(nullcolor).css(headcolor); //odd $(gridviewId + ">tbody tr:odd").css(altercolor); //hover $(gridviewId + ">tbody tr").click(function () { var cb = $(this).find("input:checkbox"); var chf = typeof (cb.attr("checked")) == "undefined" ? true : false; cb.attr("checked", chf); var expr1 = gridviewId + ' >tbody >tr >td >input:checkbox:checked'; var expr2 = gridviewId + ' >tbody >tr >td >input:checkbox'; var selectAll = $(expr1).length == $(expr2).length; $('#chkAll').attr('checked', selectAll); }).hover(function () { $(this).css(hovercolor); }, function () { $(gridviewId + ">tbody tr:even").css(normalcolor); $(gridviewId + ">tbody tr:first").css(nullcolor).css(headcolor); $(gridviewId + ">tbody tr:odd").css(altercolor); }); //all check $("#chkAll").click(function () { $(gridviewId + '>tbody >tr >td >input:checkbox:visible').attr('checked', this.checked); }); //check status $(gridviewId + ' >tbody >tr >td >input:checkbox').click(function () { var cb = $(this); var chf = typeof (cb.attr("checked")) == "undefined" ? true : false; cb.attr("checked", chf); var expr1 = gridviewId + ' >tbody >tr >td >input:checkbox:checked'; var expr2 = gridviewId + ' >tbody >tr >td >input:checkbox'; var selectAll = $(expr1).length == $(expr2).length; $('#chkAll').attr('checked', selectAll); }); }; /* * 屏幕居中显示处理进度 * @param info 显示文字 * @param type 方式 0遮罩 1不遮罩 * @param typepic 图片 0:load 1:ok 2:error * @return */ jQuery.mMaskLoad = function (info, type, typepic) { var pic = ""; switch (typepic) { case 0: // loading pic = "./Images/loading.gif"; break; case 1: // ok pic = "./Images/right.png"; break; case 2: // error pic = "./Images/error.png"; break; default: //其他任何值时 pic = "./Images/loading.gif"; break; } if (type == 0) { $("<div class=\"datagrid-mask\"></div>").css( { display: "block", width: "100%", position: "absolute", left: "0", top: "0", opacity: "0.3", height: "100%", filter: "alpha(opacity=30)", background: "#ccc" }).appendTo("body"); }; $("<div class=\"datagrid-mask-msg\"></div>").css( { position: "absolute", top: "50%", padding: "12px 5px 10px 30px", width: "auto", height: "16px", border: "1px solid #D1D1D1", background: "#ffffff url('" + pic + "') no-repeat scroll 5px center", display: "block", left: ($(document.body).outerWidth(true) - 190) / 2, top: ($(window).height() - 45) / 2 }).html(info).appendTo("body"); }; /* * 屏幕居中隐藏处理进度 * @return */ jQuery.mMaskLoadClose = function () { $(".datagrid-mask").remove(); $(".datagrid-mask-msg").remove(); }; /* * 控件后创建SPAN作为TIP提示 * @param o 用this * @param tip 提示文字 * @param typepic 图片 0:load 1:ok 2:error * @return */ jQuery.mTip = function (o, tip, typepic) { var pic = ""; switch (typepic) { case 0: // loading pic = "./Images/loading.gif"; break; case 1: // ok pic = "./Images/right.png"; break; case 2: // error pic = "./Images/error.png"; break; default: //其他任何值时 pic = "./Images/loading.gif"; break; } var eTip = document.createElement("span"); var objid = $(o).attr("id") + "_tipDiv"; var value = $(o).val(); //绝对路径 var x = $(o).offset().top; var y = $(o).offset().left; var w = $(o).width(); var h = $(o).height(); eTip.setAttribute("id", objid); try { document.body.appendChild(eTip); } catch (e) { } $("#" + objid).hide(); $("#" + objid).css({ top: x, left: y + w + 10, height: h, position: "absolute" }); $("#" + objid).html("<img src=\"" + pic + "\" style=\"vertical-align:bottom;margin-right:5px;\">" + tip); $("#" + objid).show(); }; /** * ajax post提交 * @param url * @param param * @param datat 为html,json,text * @param callback 回调函数 function callBack(data) * @return */ jQuery.mJqAjax = function (url, param, datat, callback) { $.ajax({ type: "post", url: url, data: param, dataType: datat, success: callback, error: function () { } }); }; jQuery.fn.ResetSelf = function () { var id = this.Attr("id"); alert(id); alert($("#" + id).find("input").length); $("#" + id).find("input").each(function () { $(this).val(""); }); }
相关文章推荐
- 常用JS表单验证方法
- 一个流行且实用的JS表单验证提示,演示了怎么自定义错误信息的显示方式,同时通过写FormValid.showError类方法来实现错误显示方式自定义: errMsg 是一个错误消息的数组,这样方便自定
- 快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
- 利用JS提交表单的几种方法和验证(必看篇)
- 利用JS提交表单的几种方法和验证
- 最实用的js表单验证方法
- js用正则表达式来验证表单(比较齐全的资源),JS正则test()方法
- 实例讲解js验证表单项是否为空的方法
- 表单验证之validform.js使用方法
- 利用JS提交表单的几种方法和验证(必看篇)
- 手把手教你自己写一个js表单验证框架的方法
- js验证表单的若干方法[转]
- js验证表单文本框不能输入中文的方法
- 实例讲解js验证表单项是否为空的方法
- 用JS验证ASP.NET2.0控件表单的方法(visual2005)
- js 表单验证方法(实用)
- JS表单验证方法
- js 表单验证方法(实用)
- 利用JS提交表单的几种方法和验证
- js中会使用到的一种表单遍历验证的方法,访问当前节点的兄弟节点