表单验证等其他公用js方法

2024-09-01 01:18
文章标签 表单 方法 js 验证 公用

本文主要是介绍表单验证等其他公用js方法，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！ 

/*
* 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+': //正整数包含0objexp = "^\\d+$";break;case 'int-': //负整数包含0objexp = "^((-\\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 table 表格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 idvar 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: // loadingpic = "./Images/loading.gif";break;case 1: // okpic = "./Images/right.png";break;case 2: // errorpic = "./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: // loadingpic = "./Images/loading.gif";break;case 1: // okpic = "./Images/right.png";break;case 2: // errorpic = "./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方法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1125534。

相关文章

Nginx安全防护的多种方法

Nginx安全防护的多种方法

《Nginx安全防护的多种方法》在生产环境中,需要隐藏Nginx的版本号,以避免泄漏Nginx的版本,使攻击者不能针对特定版本进行攻击,下面就来介绍一下Nginx安全防护的方法,感兴趣的可以了解一下... 目录核心安全配置1.编译安装 Nginx2.隐藏版本号3.限制危险请求方法4.请求限制（CC攻击防御）
阅读更多...
MySQL 主从复制部署及验证(示例详解)

MySQL 主从复制部署及验证(示例详解)

《MySQL主从复制部署及验证(示例详解)》本文介绍MySQL主从复制部署步骤及学校管理数据库创建脚本,包含表结构设计、示例数据插入和查询语句,用于验证主从同步功能,感兴趣的朋友一起看看吧... 目录mysql 主从复制部署指南部署步骤1.环境准备2. 主服务器配置3. 创建复制用户4. 获取主服务器状态5
阅读更多...
python生成随机唯一id的几种实现方法

python生成随机唯一id的几种实现方法

《python生成随机唯一id的几种实现方法》在Python中生成随机唯一ID有多种方法,根据不同的需求场景可以选择最适合的方案,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习... 目录方法 1：使用 UUID 模块（推荐）方法 2：使用 Secrets 模块（安全敏感场景）方法
阅读更多...
MyBatis-Plus通用中等、大量数据分批查询和处理方法

MyBatis-Plus通用中等、大量数据分批查询和处理方法

《MyBatis-Plus通用中等、大量数据分批查询和处理方法》文章介绍MyBatis-Plus分页查询处理,通过函数式接口与Lambda表达式实现通用逻辑,方法抽象但功能强大,建议扩展分批处理及流式... 目录函数式接口获取分页数据接口数据处理接口通用逻辑工具类使用方法简单查询自定义查询方法总结函数式接口
阅读更多...
MySQL深分页进行性能优化的常见方法

MySQL深分页进行性能优化的常见方法

《MySQL深分页进行性能优化的常见方法》在Web应用中,分页查询是数据库操作中的常见需求,然而,在面对大型数据集时,深分页（deeppagination）却成为了性能优化的一个挑战,在本文中,我们将... 目录引言：深分页，真的只是“翻页慢”那么简单吗？一、背景介绍二、深分页的性能问题三、业务场景分析四、
阅读更多...
JAVA中安装多个JDK的方法

JAVA中安装多个JDK的方法

《JAVA中安装多个JDK的方法》文章介绍了在Windows系统上安装多个JDK版本的方法,包括下载、安装路径修改、环境变量配置（JAVA_HOME和Path）,并说明如何通过调整JAVA_HOME在... 首先去oracle官网下载好两个版本不同的jdk（需要登录Oracle账号，没有可以免费注册）下载完
阅读更多...
Java中读取YAML文件配置信息常见问题及解决方法

Java中读取YAML文件配置信息常见问题及解决方法

《Java中读取YAML文件配置信息常见问题及解决方法》：本文主要介绍Java中读取YAML文件配置信息常见问题及解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要... 目录1 使用Spring Boot的@ConfigurationProperties2. 使用@Valu
阅读更多...
Java 方法重载Overload常见误区及注意事项

Java 方法重载Overload常见误区及注意事项

《Java方法重载Overload常见误区及注意事项》Java方法重载允许同一类中同名方法通过参数类型、数量、顺序差异实现功能扩展,提升代码灵活性,核心条件为参数列表不同,不涉及返回类型、访问修饰符... 目录Java 方法重载（Overload）详解一、方法重载的核心条件二、构成方法重载的具体情况三、不构
阅读更多...
Java通过驱动包(jar包)连接MySQL数据库的步骤总结及验证方式

Java通过驱动包(jar包)连接MySQL数据库的步骤总结及验证方式

《Java通过驱动包(jar包)连接MySQL数据库的步骤总结及验证方式》本文详细介绍如何使用Java通过JDBC连接MySQL数据库,包括下载驱动、配置Eclipse环境、检测数据库连接等关键步骤,... 目录一、下载驱动包二、放jar包三、检测数据库连接JavaJava 如何使用 JDBC 连接 mys
阅读更多...
SQL中如何添加数据(常见方法及示例)

SQL中如何添加数据(常见方法及示例)

《SQL中如何添加数据(常见方法及示例)》SQL全称为StructuredQueryLanguage,是一种用于管理关系数据库的标准编程语言,下面给大家介绍SQL中如何添加数据,感兴趣的朋友一起看看吧... 目录在mysql中，有多种方法可以添加数据。以下是一些常见的方法及其示例。1. 使用INSERT I
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2