极乐门资源网 Design By www.ioogu.com
具体内容请看注释,这里就不多BB了,
奉上代码:
/// <reference path="vendor/jquery-1.4.1-vsdoc.js" /> ///检测表单中的不能为空(.notnull)的验证 /* 时间:2012-6-6 作用:一对form标签下有多个(包括一个)表单需要提交时,使用js准确的判断当前按钮对那些元素做判断 用法:在form标签下 找到当前 表单的容器 给予class="form",当前表单的提交按钮给予 class="check" 需要验证为空的元素给予class="notnull" nullmsg="xx不能为空!"提示,需要进行逻辑判断的表单给予class="need" 判断的类型给予 class="num"(只能是数字) 验证的提示 logicmsg="XX只能是数字" 给予class="errorMessage"显示错误信息块 给予class="warn"显示错误信息 未使用js面向对象编程 逻辑判断,不传入need标识,直接给出正则表达式属性(自定义)regex="/^\d$/" 做出判断 在外部实现 Global.submitCallback button回调函数 Global.confirmCallback confirm回调函数; 需要改进的地方: 暂无 更新时间:2014年12月3日 16:23:22 作者:Amber.Xu */ //$(document).ready( // function () { // $("form").find(".notnull").bind({ // focus: function () { // if ($(this).attr("value") == this.defaultValue) { // $(this).attr("value", ""); // } // }, // blur: function () { // if ($(this).attr("value") == "") { // $(this).attr("value", this.defaultValue); // } // } // }); // } //); ///*封装一个万能检测表单的方法*/ ///event.srcElement:引发事件的目标对象,常用于onclick事件。 ///event.fromElement:引发事件的对象源,常用于onmouseout和onmouseover事件。 ///event.toElement:引发事件后,鼠标移动到的目标源,常用于onmouseout和onmouseover事件。 function Global() { var _self = this; } Global.submitCallback = null; Global.confirmCallback = null; $(document).ready(function () { //form body $("body").find(".form").each(function () { this.onclick = function (e) { var button = null; try { button = e.srcElement == null ".check")) { //alert("提交") var sub = (checkform(this) && CheckInputRex(this) && checkselect(this) && checkChecked(this)); if (sub) { // Call our callback, but using our own instance as the context Global.submitCallback.call(this, [e]); } return sub; } else if ($(button).is(".confirm")) { //alert("删除") var sub = confirm($(button).attr("title")); if (sub) { Global.confirmCallback.call(this, [e]); } return sub; } else { // //alert("其它") return true; } } }); /*检测表单中不能为空的元素*/ function checkform(form) { var b = true; $(form).find(".notnull").each(function () { if ($.trim($(this).val()).length <= 0) {//|| $(this).val() == this.defaultValue // if (this.value != null) { // $(this).attr("value", ""); // } //alert($(this).attr("msg")) $(this).parents(".form").find(".warn").text($(this).attr("nullmsg")); $(this).parents(".form").find(".errorMessage").show(); $(this).select(); $(this).focus(); return b = false; } }); if (b == true) { $(form).find(".warn").text(""); $(form).find(".errorMessage").hide(); } return b; } /*检测表单中必选的下拉列表*/ function checkselect(form) { var b = true; $(form).find(".select").each(function (i) { var ck = $(this).find('option:selected').text(); if (ck.indexOf("选择") > -1) { $(this).parents(".form").find(".warn").text($(this).attr("nullmsg")); $(this).parents(".form").find(".errorMessage").show(); $(this).select(); $(this).focus(); return b = false; } }); return b; } /*检测表单中必选的复选框*/ function checkChecked(form) { var b = true; $(form).find(".checkbox").each(function (i) { var ck = $(this)[0].checked; if (!ck) { $(this).parents(".form").find(".warn").text($(this).attr("nullmsg")); $(this).parents(".form").find(".errorMessage").show(); $(this).select(); $(this).focus(); return b = false; } }); return b; } //检查是否匹配该正则表达式 function GetFlase(value, reg, ele) { if (reg.test(value)) { return true; } $(ele).parents(".form").find(".warn").text($(ele).attr("logicmsg")); $(ele).parents(".form").find(".errorMessage").show(); $(ele).focus(); $(ele).select(); return false; //不能提交 } function CheckInputRex(form) { var b = true; $(form).find("input[type='text']").each(function () { if (typeof ($(this).attr("regex")) == 'string') { if ($.trim($(this).val()).length > 0 && $(this).val() != this.defaultValue) { //当前表单的值 var value = $(this).attr("value") || $(this).val(); var regx = eval($(this).attr("regex")); return b = GetFlase(value, regx, this); } } }); return b; } ///检查用户输入的相应的字符是否合法 ///此方法已废弃 function CheckInput(form) { var b = true; $(form).find(".need").each(function () { if ($.trim($(this).val()).length > 0 && $(this).val() != this.defaultValue) { //当前表单的值 var value = $(this).attr("value"); //id的值或者name的属性的值如:[name="contact"] var name = $(this).attr("class"); //检查需要输入的内容是否合法如:联系方式 var len = name.split(" "); for (var i = 0; i < len.length; i++) { switch ($.trim(len[i])) { ///联系方式 case "mobile": var reg = /^1\d{10}$/; return b = GetFlase(value, reg, this); break; ///邮箱 case "email": var reg = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/; return b = GetFlase(value, reg, this); break; ///两次密码是否一致 case "password": break; case "password2": if ($("#password").attr("value") != $("#password2").attr("value")) { $(this).select(); //获取焦点 $(this).parents(".form").find(".warn").text($(this).attr("logicmsg")); $(this).parents(".form").find(".errorMessage").show(); return b = false; //不能提交 } break; case "worktel": case "hometel": //家庭电话 var reg = /^\d{8}$/; return b = GetFlase(value, reg, this); break; case "post": //邮编 var reg = /^\d{6}$/; return b = GetFlase(value, reg, this); break; case "bonus": case "allowance": case "FixedSalary": var reg = /^-"identity": var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; return b = GetFlase(value, reg, this); break; case "height": var reg = /^[1-2][0-9][0-9]$/; return b = GetFlase(value, reg, this); break; case "qq": var reg = /^[1-9][0-9]{4,}$/; return b = GetFlase(value, reg, this); break; case "begintime": case "endtime": var reg = /^\d{4}$/; if (reg.test(value) && (parseInt($(".endtime").val()) > parseInt($(".begintime").val()))) { return b; } $.ligerDialog.alert($(this).attr("msg")) $(this).select(); //获取焦点 return b = false; //不能提交 break; case "num": var reg = /^\d+$/; return b = GetFlase(value, reg, this); break; ///大陆去香港需要办理往来港澳通行证和香港的签注.因私普通护照号码格式有: ///14/15+7位数,G+8位数; ///因公普通的是:P.+7位数; ///公务的是:S.+7位数 或者 //S+8位数,以D开头的是外交护照 case "postport": //护照号码 var reg = /^(P\d{7}|G\d{8}|S\d{7,8}|D\d+|1[4,5]\d{7})$/; return b = GetFlase(value, reg, this); break; case "bankaccount": var reg = /^[0-9]{19}$/; return b = GetFlase(value, reg, this); break; } //switch } //for } }); return b; } ///此方法已经废弃 }); ///单击改变背景颜色 $(document).ready(function () { var inputs = $("#top>.c>input"); $(inputs).each(function () { this.onclick = function () { document.getElementById("main").style.backgroundColor = this.name; //$("#main").backgroundColor = this.name; } }); });
基本上常用的功能都封装在内了,希望小伙伴们能够喜欢。
标签:
javascript,封装,插件
极乐门资源网 Design By www.ioogu.com
极乐门资源网
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
极乐门资源网 Design By www.ioogu.com
暂无推荐一个自己用的封装好的javascript插件的评论...
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。
更新日志
2025年01月19日
2025年01月19日
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果(九)》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]