整理了一些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.inputValue
var 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有很大的帮助。
本文地址:https://www.stayed.cn/item/12208
转载请注明出处。
本站部分内容来源于网络,如侵犯到您的权益,请 联系我