整理了一些JS的常用方法,包括验证啊,全选反选啊,ajax请求啊之类的,因为就是自己用的,写的都比较简单,就算抛砖引玉吧,喜欢的就拿去,不喜欢就拉到
Tools.min.js
/** * JS公用类库文件 * 创建时间:2015-05-13 * 创建人:mction */(function(){var D = document;var W = window;var Postfix = ".php"var _Id = function(Id){return document.getElementById(Id);};Check = {Input:function(Name,Value,Message){var Input = $(":input[name=""+Name+""]");if(Input.val() == Value){Input.focus();alert(Message);return true;}return false;},Phone:function(Name){/* * 联通号段:130/131/132/155/156/185/186/145/176; * 电信号段:133/153/180/181/189/177; * 移动号段:134/135/136/137/138/139/150/151/152/157/158/159/182/183/184/187/188/147/178 */var Reg = /^1(30|31|32|55|56|85|86|45|76|33|53|80|81|89|77|34|35|36|37|38|39|50|51|52|57|58|59|82|83|84|87|88|47|78)[0-9]{8}$/;var Phone = $(":input[name=""+Name+""]");if(!Reg.test(Phone.val())){Phone.focus();return true;}return false;},Email:function(Name){var Reg = /^[a-zA-Z0-9_]+@[a-z0-9]+.[a-z]+$/;var Email = $(":input[name=""+Name+""]");if(!Reg.test(Email.val())){Email.focus();return true;}return false;},UserName:function(UserNameMark,Message){var Reg = /^[d]{8}$/;var UserName = $(":input[name=""+UserNameMark+""]");if(!Reg.test(UserName.val())){UserName.focus();alert(Message);return true;}return false;},Password:function(Name){var Reg = /^([A-Z]+)$|^([a-z]+)$|^([0-9]+)$|^([-`=\[];",./~!@#$%^&*()_+|{}:"<>?]+)$|^.{0,5}$|^.{18,}$/var Password = $(":input[name=""+Name+""]");if(Reg.test(Password.val())){Password.focus();return true;}else{return false;}}};Member = {Login:function(){var UserName = $(":input[name="username"]");var PassWord = $(":input[name="password"]");if(Check.UserName("username","用户名格式不正确")){return false;}if(Check.Input("password","","密码不能为空")){return false;}$.ajax({url:"/User/action"+Postfix,type:"POST",data:{request:"Login",username:UserName.val(),password:PassWord.val()},dataType:"json",success:function(Data){if(Data.state != 200){alert(Data.message);return false;}else{location.href= "/User/member"+Postfix;}}});},Logout:function(){location.href = "/User/Logout"+Postfix;}};Public = {Hi:function(){alert("hi");},Box_All_Sel:function(Class,AllChecked){//全选反选var Input = D.getElementsByTagName("input");var BoxList = [];for(I =0;I<Input.length;I++){if(Input[I].type == "checkbox" && Input[I].className == Class){BoxList.push(Input[I]);}}if(AllChecked){for(I in BoxList){BoxList[I].checked = true;}}else{for(I in BoxList){BoxList[I].checked = BoxList[I].checked ? false : true;}}},After:function(New,Tar){if(typeof Tar == "string"){var Parent = _Id(Tar);}else{var Parent = Tar;}if(Parent.parentNode == Parent){Parent.parentNode.appendChild(New);}else{Parent.parentNode.insertBefore(New,Parent.nextSibling);}},Requests:function(O,Class){//批量请求//url.request.message.input.inputMessage.inputValuevar Data = $("."+ Class +":checked").serialize();if(Data == ""){alert("您没有选中任何项");//alert(O.options[0].value);O.value = O.options[0].value;return;}var TempArr = O.value.split(".");if(!TempArr[0] || !TempArr[1]){//验证URL及动作alert("错误:缺少必须参数");O.value = O.options[0].value;return;}Data += "&request=" + TempArr[1];var Message = "确认删除选中项吗?";if(TempArr[2]){//验证并设置提示消息Message = TempArr[2];}if(confirm(Message)){var Input = false;if(TempArr[3]){//验证并设置是否接收用户输入Input = true;}if(Input == "True"){var InputVal = prompt(TempArr[4],TempArr[5]);Data += "&input=" + InputVal;}$.ajax({url:"./"+TempArr[0]+Postfix,type:"GET",data:Data,dataType:"json",async:false,success:function(Data){alert(Data.message);location.reload(true);}});}},Request : {//单次请求Data : "",MetHod : "",DataType : "",Async : "",SetData:function(Options,MetHod,DataType,Async){this.Data = Options;this.MetHod = typeof MetHod == "undefined" ? "GET" : MetHod;this.DataType = typeof DataType == "undefined" ? "json" : DataType;this.Async = typeof Async == "undefined" ? true : Async;return this;},Send:function(Url,Call,IM,Message){if(!Message){Message = "确认删除吗?";}if(typeof Call != "function"){Call = function(Data){switch(this.dataType){case "text" :alert(Data);break;default :alert(Data.message);break}location.reload(true);}}var CF = true;var CFM = true;var LId;if(typeof IM != "undefined" && IM == false){CF = false}if(CF && !confirm(Message)){CFM = false;}if(CFM){$.ajax({url:Url,type:this.MetHod,data:this.Data,dataType:this.DataType,async:this.Async,beforeSend:function(O){LId = Public.Loading.Open("正在处理中");},success:Call,error:function(E,Info,EO){alert(E.statusText + ":" + E.responseText);},complete:function(O){Public.Loading.Close(LId);}});}}},Desc : {DescId : "",Display:function(O,Message){var Id = parseInt(Math.random() * 1000);this.DescId = Id;var Desc = D.createElement("description");Desc.id = Id;Desc.innerHTML = Message;Desc.style.width = "200px";Desc.style.border = "1px solid #dfdfdf";Desc.style.backgroundColor = "#fff";Desc.style.lineHeight = "normal";Desc.style.position = "absolute";Desc.style.top = O.offsetTop + "px";Desc.style.marginLeft = "5px";Public.After(Desc,O);O.setAttribute("onblur","Public.Desc.Close()");},Close:function(){$("#"+this.DescId).remove();}},Options : {File_Input:function(Obj){//添加文件选择框var chars = "ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678";var ObjName = "";for (var i = 0; i < 5; i++) {ObjName += chars.charAt(Math.floor(Math.random() * chars.length));}var InputFile = D.createElement("input");InputFile.type = "file";InputFile.name = ObjName;InputFile.accept = "image/*";var A = D.createElement("a");A.href = "javascript:;";A.style.marginLeft = "300px";A.innerHTML = "删除";A.setAttribute("onclick","$("div").remove("#"+ObjName+"")");var Div = D.createElement("div");Div.id = ObjName;Div.style.padding = "5px";Div.style.borderBottom = "1px solid #cccccc";Public.After(Div,Obj);_Id(ObjName).appendChild(InputFile);_Id(ObjName).appendChild(A);}},Loading : {WindowId:"",Open:function(Message){var Id = parseInt(Math.random() * 1000);this.WindowId = Id;var Div = D.createElement("div");Div.id = Id;Div.style.width = "80%";Div.style.height = "50px";Div.style.backgroundColor = "#000";Div.style.opacity = "0.5";Div.style.borderRadius = "10px";Div.style.position = "fixed";Div.style.top = (W.innerHeight - 50) / 2 + "px";Div.style.left = "10%";var P = D.createElement("p");P.style.textAlign = "center";P.style.color = "#fff";P.style.lineHeight = "50px";P.style.height = "50px";var Img = D.createElement("img");Img.src = "/phps/Public/images/loading.gif";Img.style.marginBottom = "-5px";if(Message){P.innerHTML = Message;}else{P.innerHTML = "正在处理中";}P.appendChild(Img);D.getElementsByTagName("body")[0].appendChild(Div);_Id(this.WindowId).appendChild(P);return Id;},Close:function(Id){if(typeof Id != "undefined" && Id != null){D.getElementsByTagName("body")[0].removeChild(_Id(Id));}else if(this.WindowId != ""){D.getElementsByTagName("body")[0].removeChild(_Id(this.WindowId));}}},Tabs : {TabsNum : 1,TabListId : "",WindowId : "",New_Tabs:function(TabListId,WindowId,OpenUrl,PageTitle){this.TabListId = TabListId;this.WindowId = WindowId;var IframeList = _Id(WindowId).getElementsByTagName("iframe");//alert(Iframe.length);for(I = 0;I < IframeList.length;I ++){IframeList[I].style.display = "none";}var TabList = _Id(TabListId).getElementsByTagName("li");//alert(TabList);for(I = 0;I < TabList.length;I ++){TabList[I].className = "";}var Iframe = D.createElement("iframe");Iframe.id = "IFR"+this.TabsNum;Iframe.src = OpenUrl;Iframe.frameborder = 0;Iframe.width = "100%";Iframe.height = "100%";var A = D.createElement("a");A.href = "javascript:;";A.id = "IFA"+this.TabsNum;A.innerHTML = PageTitle;A.setAttribute("data-if",Iframe.id);A.setAttribute("onclick","Public.Tabs.View(this)");var Li = D.createElement("li");Li.id = "IFL"+this.TabsNum;Li.className = "on";Li.setAttribute("data-if",Iframe.id);var Close = D.createElement("a");Close.href = "javascript:;";Close.innerHTML = " x ";Close.setAttribute("data-li",Li.id);Close.setAttribute("data-if",Iframe.id);Close.setAttribute("onclick","Public.Tabs.Close(this)");this.TabsNum++;_Id(TabListId).appendChild(Li);_Id(Li.id).appendChild(A);_Id(Li.id).appendChild(Close);_Id(WindowId).appendChild(Iframe);},View:function(O){var IframeList = _Id(this.WindowId).getElementsByTagName("iframe");for(I = 0;I < IframeList.length;I ++){IframeList[I].style.display = "none";}var TabList = _Id(this.TabListId).getElementsByTagName("li");for(I = 0;I < TabList.length;I ++){TabList[I].className = "";}O.parentNode.className = "on";_Id(O.getAttribute("data-if")).style.display = "block";},Close:function(O){var LiO = _Id(O.getAttribute("data-li"));var IFO = _Id(O.getAttribute("data-if"));if(LiO.nextElementSibling){var DisPlayLi = LiO.nextElementSibling;}else{var TabList = _Id(this.TabListId).getElementsByTagName("li");var DisPlayLi = TabList[TabList.length - 2];}if(IFO.nextElementSibling){var DisPlayIF = IFO.nextElementSibling;}else{var IfList = _Id(this.WindowId).getElementsByTagName("iframe");var DisPlayIF = _Id(IfList[IfList.length - 2].id);}LiO.parentNode.removeChild(LiO);IFO.parentNode.removeChild(IFO);DisPlayLi.className = "on";DisPlayIF.style.display = "block";}}};})();这些是JAVASCRIPT的基本知识,如果是新手的话,我觉得这些不够你们学习,你可以去找些资料完整的学习下JAVASCRIPT。
这些对于已经有一些JAVASCRIPT基础的朋友,可以先浏览下这些知识,或许其中有你已经遗忘的或者遗漏的,回忆下JAVASCRIPT对你后面继续深入学下AJAX有很大的帮助。