经典javaScript代码.docx
- 文档编号:27459663
- 上传时间:2023-07-01
- 格式:DOCX
- 页数:23
- 大小:22.61KB
经典javaScript代码.docx
《经典javaScript代码.docx》由会员分享,可在线阅读,更多相关《经典javaScript代码.docx(23页珍藏版)》请在冰豆网上搜索。
经典javaScript代码
经常用到的javaScript技术代码(经典)
一、验证类
1、数字验证内
1.1整数
1.2大于0的整数(用于传来的ID的验证)
1.3负整数的验证
1.4整数不能大于iMax
1.5整数不能小于iMin
2、时间类
2.1短时间,形如(13:
04:
06)
2.2短日期,形如(2003-12-05)
2.3长时间,形如(2003-12-0513:
04:
06)
2.4只有年和月。
形如(2003-05,或者2003-5)
2.5只有小时和分钟,形如(12:
03)
3、表单类
3.1所有的表单的值都不能为空
3.2多行文本框的值不能为空。
3.3多行文本框的值不能超过sMaxStrleng
3.4多行文本框的值不能少于sMixStrleng
3.5判断单选框是否选择。
3.6判断复选框是否选择.
3.7复选框的全选,多选,全不选,反选
3.8文件上传过程中判断文件类型
4、字符类
4.1判断字符全部由a-Z或者是A-Z的字字母组成
4.2判断字符由字母和数字组成。
4.3判断字符由字母和数字,下划线,点号组成.且开头的只能是下划线和字母
4.4字符串替换函数.Replace();
5、浏览器类
5.1判断浏览器的类型
5.2判断ie的版本
5.3判断客户端的分辨率
6、结合类
6.1email的判断。
6.2手机号码的验证
6.3身份证的验证
二、功能类
1、时间与相关控件类
1.1日历
1.2时间控件
1.3万年历
1.4显示动态显示时钟效果(文本,如OA中时间)
1.5显示动态显示时钟效果(图像,像手表)
2、表单类
2.1自动生成表单
2.2动态添加,修改,删除下拉框中的元素
2.3可以输入内容的下拉框
2.4多行文本框中只能输入iMax文字。
如果多输入了,自动减少到iMax个文字(多用于短信发送)
3、打印类
3.1打印控件
4、事件类
4.1屏蔽右键
4.2屏蔽所有功能键
4.3-->和<--F5F11,F9,F1
4.4屏蔽组合键ctrl+N
5、网页设计类
5.1连续滚动的文字,图片(注意是连续的,两段文字和图片中没有空白出现)
5.2html编辑控件类
5.3颜色选取框控件
5.4下拉菜单
5.5两层或多层次的下拉菜单
5.6仿IE菜单的按钮。
(效果如的导航栏目)
5.7状态栏,title栏的动态效果(例子很多,可以研究一下)
5.8双击后,网页自动滚屏
6、树型结构。
6.1asp+SQL版
6.2asp+xml+sql版
6.3java+sql或者java+sql+xml
7、无边框效果的制作
8、连动下拉框技术
9、文本排序
---------------------------------------------------------------------------------------
一、验证类
1、数字验证内
1.1整数
/^(-|/+)?
/d+$/.test(str)
1.2大于0的整数(用于传来的ID的验证)
/^/d+$/.test(str)
1.3负整数的验证
/^-/d+$/.test(str)
2、时间类
2.1短时间,形如(13:
04:
06)
functionisTime(str)
{
vara=str.match(/^(/d{1,2})(?
(/d{1,2})/2(/d{1,2})$/);
if(a==null){alert('输入的参数不是时间格式');returnfalse;}
if(a[1]>24||a[3]>60||a[4]>60)
{
alert("时间格式不对");
returnfalse
}
returntrue;
}
2.2短日期,形如(2003-12-05)
functionstrDateTime(str)
{
varr=str.match(/^(/d{1,4})(-|//)(/d{1,2})/2(/d{1,2})$/);
if(r==null)returnfalse;
vard=newDate(r[1],r[3]-1,r[4]);
return(d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);
}
2.3长时间,形如(2003-12-0513:
04:
06)
functionstrDateTime(str)
{
varreg=/^(/d{1,4})(-|//)(/d{1,2})/2(/d{1,2})(/d{1,2})/d{1,2})/d{1,2})$/;
varr=str.match(reg);
if(r==null)returnfalse;
vard=newDate(r[1],r[3]-1,r[4],r[5],r[6],r[7]);
return(d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]&&d.getHours()==r[5]&&d.getMinutes()==r[6]&&d.getSeconds()==r[7]);
}
2.4只有年和月。
形如(2003-05,或者2003-5)
2.5只有小时和分钟,形如(12:
03)
3、表单类
3.1所有的表单的值都不能为空
3.2多行文本框的值不能为空。
3.3多行文本框的值不能超过sMaxStrleng
3.4多行文本框的值不能少于sMixStrleng
3.5判断单选框是否选择。
3.6判断复选框是否选择.
3.7复选框的全选,多选,全不选,反选
3.8文件上传过程中判断文件类型
4、字符类
4.1判断字符全部由a-Z或者是A-Z的字字母组成
4.2判断字符由字母和数字组成。
4.3判断字符由字母和数字,下划线,点号组成.且开头的只能是下划线和字母
/^([a-zA-z_]{1})([/w]*)$/g.test(str)
4.4字符串替换函数.Replace();
5、浏览器类
5.1判断浏览器的类型
window.navigator.appName
5.2判断ie的版本
window.navigator.appVersion
5.3判断客户端的分辨率
window.screen.height;window.screen.width;
6、结合类
6.1email的判断。
functionismail(mail)
{
return(newRegExp(/^/w+((-/w+)|(/./w+))*/-AT-[A-Za-z0-9]+((/.|-)[A-Za-z0-9]+)*/.[A-Za-z0-9]+$/).test(mail));
}
6.2手机号码的验证
6.3身份证的验证
functionisIdCardNo(num)
{
if(isNaN(num)){alert("输入的不是数字!
");returnfalse;}
varlen=num.length,re;
if(len==15)
re=newRegExp(/^(/d{6})()?
(/d{2})(/d{2})(/d{2})(/d{3})$/);
elseif(len==18)
re=newRegExp(/^(/d{6})()?
(/d{4})(/d{2})(/d{2})(/d{3})(/d)$/);
else{alert("输入的数字位数不对!
");returnfalse;}
vara=num.match(re);
if(a!
=null)
{
if(len==15)
{
varD=newDate("19"+a[3]+"/"+a[4]+"/"+a[5]);
varB=D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
}
else
{
varD=newDate(a[3]+"/"+a[4]+"/"+a[5]);
varB=D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
}
if(!
B){alert("输入的身份证号"+a[0]+"里出生日期不对!
");returnfalse;}
}
returntrue;
}
-------------------------------------------------------------------------------------
3.7复选框的全选,多选,全不选,反选
全选
全选
functioncheckAll(str)
{
vara=document.getElementsByName(str);
varn=a.length;
for(vari=0;ia[i].checked=window.event.srcElement.checked;
}
functioncheckItem(str)
{
vare=window.event.srcElement;
varall=eval("document.hrong."+str);
if(e.checked)
{
vara=document.getElementsByName(e.name);
all.checked=true;
for(vari=0;i{
if(!
a[i].checked){all.checked=false;break;}
}
}
elseall.checked=false;
}
3.8文件上传过程中判断文件类型
-------------------------------------------------------------------------------------
1.身份证严格验证:
2.验证IP地址
functionisip(s){
varcheck=function(v){try{return(v<=255&&v>=0)}catch(x){returnfalse}};
varre=s.split(".")
return(re.length==4)?
(check(re[0])&&check(re[1])&&check(re[2])&&check(re[3])):
false
}
vars="202.197.78.129";
alert(isip(s))
3.加sp1后还能用的无边框窗口!
!
/*---SpecialThanksForandot---*/
/*
ThisfollowingcodearedesignedandwritenbyWindy_sk
Youcanuseitfreely,butumustheldallthecopyrightitems!
/
/-ThanksForandotAgain---*/
varCW_width=400;
varCW_height=300;
varCW_top=100;
varCW_left=100;
varCW_url="/";
varNew_CW=window.createPopup();
varCW_Body=New_CW.document.body;
varcontent="";
varCSStext="margin:
1px;color:
black;border:
2pxoutset;border-style:
expression(onmouseout=onmouseup=function(){this.style.borderStyle='outset'},onmousedown=function(){if(event.button!
=2)this.style.borderStyle='inset'});background-color:
buttonface;width:
16px;height:
14px;font-size:
12px;line-height:
11px;cursor:
Default;";
//BuildWindow
include.startDownload(CW_url,function(source){content=source});
functioninsert_content(){
vartemp="";
CW_Body.style.overflow="hidden";
CW_Body.style.backgroundColor="white";
CW_Body.style.border="solidblack1px";
content=content.replace(/]*)>/g,"");
temp+="";
temp+="";
temp+="ChromelessWindowForIE6SP1";
temp+="";
temp+="?
";
temp+="0";
temp+="1";
temp+="x";
temp+="";
temp+="";
temp+=content;
temp+="
";
temp+="";
CW_Body.innerHTML=temp;
}
setTimeout("insert_content()",1000);
varif_max=true;
functionshow_CW(){
window.moveTo(10000,10000);
if(if_max){
New_CW.show(CW_top,CW_left,CW_width,CW_height);
if(typeof(New_CW.document.all.include)!
="undefined"){
New_CW.document.all.include.style.width=CW_width;
New_CW.document.all.Max.innerText="1";
}
}else{
New_CW.show(0,0,screen.width,screen.height);
New_CW.document.all.include.style.width=screen.width;
}
}
window.onfocus=show_CW;
window.onresize=show_CW;
//MoveWindow
vardrag_x,drag_y,draging=false
functiondrag_move(e){
if(draging){
New_CW.show(e.screenX-drag_x,e.screenY-drag_y,CW_width,CW_height);
returnfalse;
}
}
functiondrag_down(e){
if(e.button==2)return;
if(New_CW.document.body.offsetWidth==screen.width&&New_CW.document.body.offsetHeight==screen.height)return;
drag_x=e.clientX;
drag_y=e.clientY;
draging=true;
e.srcElement.setCapture();
}
functiondrag_up(e){
draging=false;
e.srcElement.releaseCapture();
if(New_CW.document.body.offsetWidth==screen.width&&New_CW.document.body.offsetHeight==screen.height)return;
CW_top=e.screenX-drag_x;
CW_left=e.screenY-drag_y;
}
电话号码的验证
要求:
(1)电话号码由数字、"("、")"和"-"构成
(2)电话号码为3到8位
(3)如果电话号码中包含有区号,那么区号为三位或四位
(4)区号用"("、")"或"-"和其他部分隔开
(5)移动电话号码为11或12位,如果为12位,那么第一位为0
(6)11位移动电话号码的第一位和第二位为"13"
(7)12位移动电话号码的第二位和第三位为"13"
根据这几条规则,可以与出以下正则表达式:
(^[0-9]{3,4}/-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^/([0-9]{3,4}/)[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)
functionPhoneCheck(s){
varstr=s;
varreg=/(^[0-9]{3,4}/-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^/([0-9]{3,4}/)[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)/
alert(reg.test(str));
}
--------------------------------------------------------------------------------------
---------------------------------------------------------------------------------
//检验法人代码
functionisCorporationCode(s){
varpatrn=/^(/d){15}$/;
if(!
patrn.exec(s))returnfalse
returntrue
}
//校验登录名:
只能输入5-20个以字母开头、可带数字、“_”、“.”的字串
functionisRegisterUserName(s)
{
varpatrn=/^[a-zA-Z]{1}([a-zA-Z0-9._]){4,19}$/;
if(!
patrn.exec(s))returnfalse
returntrue
}
//校验用户姓名:
只能输入1-30个以字母开头的字串
functionisTrueName(s)
{
varpatrn=/^[^`~!
@#$%^&*()+-=|///[/]/{/}:
;/'/,.<>/?
0-9]{2,19}$/;
if(!
patrn.exec(s))returnfalse
returntrue
}
//校验密码:
只能输入6-15个字母、数字
functionisPasswd(s)
{
varpatrn=/^[a-zA-Z0-9]{6,15}$/;
if(!
patrn.exec(s))returnfalse
returntrue
}
//检验体重
functionisAvoirdupois(s)
{
varpatrn=/^[1-9]{1}[0-9]{0,2}$/;
varpatrn2=/^[1-9]{1}$/;
varintPart=s.indexOf('.');
vardecPart=s.lastIndexOf('.');
if(intPart==-1&&patrn.exec(s)&&eval(s)>=2&&eval(s)<=200)returntrue
if(intPart!
=decPart||intPart==0||intPart+2!
=s.length)returnfalse
if(!
patrn.exec(s.substring(0,intPart))||!
patrn2.exec(s.substring(decPart+1)))returnfalse
if(eval(s)<2||eval(s)>200)returnfalse
returntrue
}
//校验普通电话、传真号码:
可以“+”开头,除数字外,可含有“-”
functionisTel(s)
{
varpatrn=/^[+]{0,1}(/d){1,3}[]?
([-]?
((/d)|[]){1,12})+$/;
if(!
patrn.exec(s))returnfalse
returntrue
}
//校验手机号码:
必须以数字开头,除数字外,可含有“-”
functionisMobile(s)
{
varpatrn=/^[+]{0,1}(/d){1,3}[]?
([-]?
((/d)|[]){1,12})+$/;
if(!
patrn.exec(s))returnfalse
returntrue
}
//校验地区代码
functionisAreaCode(s)
{
varpatrn=/^(/d){6}$/;
if(!
patrn.exec(s))returnfalse
returntrue
}
//校验邮政编码
functionisPostalCode(s)
{
varpatrn=/^[1-9]{1}(/d){5}$/;
if(!
patrn.exec(s))returnfalse
returntrue
}
//校验搜索关键字
functionisSearch(s)
{
varpatrn=/^[^`~!
@#$%^&*()+=|///[/]/{/}:
;/'/,.<>/?
]{1}[^`~!
@$%^&()+=|///[/]/{/}:
;/'/,.<>?
]{0,19}$/;
if(!
patrn.exec(s))returnfalse
returntrue
}
//校验是否为ip地址
functionisIP(s)
{
varpatrn=/^[0-9.]{1,20}$/;
if(!
patrn.exec(s))returnfalse
returntrue
}
//检验页码是否正确
functionisPage(s)
{
varpatrn=/^[1-9]{1}[0-9]{0,2}$/;
if(!
patrn.exec(s))returnfalse
returntrue
}
//表单输入值错误提示
functionvErr(o,s){
alert(s);
if(o)o.focus();
returnfalse;
}
//
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 经典 javaScript 代码