在B/S开发中经常用到的JavaScript技术第1/3页

摘要：一、验证类1、数字验证内1.1整数1.2大于0的整数（用于传来的ID的验证)1.3负整数的验证1.4整数不能大于iMax1.5整数不能小于i...

一、验证类

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菜单的按钮。（效果如rongshuxa.com的导航栏目)

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所有的表单的值都不能为空

<inputonblur="if(this.value.replace(/^s+|s+$/g,'')=='')alert('不能为空!')">

3.2多行文本框的值不能为空。

3.3多行文本框的值不能超过sMaxStrleng

3.4多行文本框的值不能少于sMixStrleng

3.5判断单选框是否选择。

3.6判断复选框是否选择.

3.7复选框的全选，多选，全不选，反选

3.8文件上传过程中判断文件类型

4、字符类

4.1判断字符全部由a-Z或者是A-Z的字字母组成

<inputonblur="if(/[^a-zA-Z]/g.test(this.value))alert('有错')">

4.2判断字符由字母和数字组成。

<inputonblur="if(/[^0-9a-zA-Z]/g.test(this.value))alert('有错')">

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+))*@[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复选框的全选，多选，全不选，反选

<formname=hrong>

<inputtype=checkboxname=Allonclick="checkAll('mm')">全选<br/>

<inputtype=checkboxname=mmonclick="checkItem('All')"><br/>

<inputtype=checkboxname=mmonclick="checkItem('All')"><br/><br/>

<inputtype=checkboxname=All2onclick="checkAll('mm2')">全选<br/>

<inputtype=checkboxname=mm2onclick="checkItem('All2')"><br/>

</form>

<SCRIPTLANGUAGE="JavaScript">

functioncheckAll(str)

{

vara=document.getElementsByName(str);

varn=a.length;

for(vari=0;i<n;i++)

a[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<a.length;i++)

{

if(!a[i].checked){all.checked=false;break;}

}

elseall.checked=false;

}

</SCRIPT>

3.8文件上传过程中判断文件类型

<inputtype=fileonchange="alert(this.value.match(/^(.*)(.)(.{1,8})$/)[3])">

画图:

<OBJECT

id=S

style="LEFT:0px;WIDTH:392px;TOP:0px;HEIGHT:240px"

height=240

width=392

classid="clsid:369303C2-D7AC-11D0-89D5-00A0C90833E6">

</OBJECT>

S.DrawingSurface.ArcDegrees(0,0,0,30,50,60);

S.DrawingSurface.ArcRadians(30,0,0,30,50,60);

S.DrawingSurface.Line(10,10,100,100);

</SCRIPT>

写注册表：

varWshShell=WScript.CreateObject("WScript.Shell");

WshShell.RegWrite("HKCUSoftwareACMEFortuneTeller",1,"REG_BINARY");

WshShell.RegWrite("HKCUSoftwareACMEFortuneTellerMindReader","Goocher!","REG_SZ");

varbKey=WshShell.RegRead("HKCUSoftwareACMEFortuneTeller");

WScript.Echo(WshShell.RegRead("HKCUSoftwareACMEFortuneTellerMindReader"));

WshShell.RegDelete("HKCUSoftwareACMEFortuneTellerMindReader");

WshShell.RegDelete("HKCUSoftwareACMEFortuneTeller");

WshShell.RegDelete("HKCUSoftwareACME");

</SCRIPT>

TABLAE相关(客户端动态增加行列）

<HTML>

<SCRIPTLANGUAGE="JScript">

functionnumberCells(){

varcount=0;

for(i=0;i<document.all.mytable.rows.length;i++){

for(j=0;j<document.all.mytable.rows(i).cells.length;j++){

document.all.mytable.rows(i).cells(j).innerText=count;

count++;

}

</SCRIPT>

<BODYonload="numberCells()">

<TABLEid=mytableborder=1>

</TABLE>

</BODY>

</HTML>

１．身份证严格验证：

varaCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"}

functioncidInfo(sId){

variSum=0

varinfo=""

if(!/^d{17}(d|x)$/i.test(sId))returnfalse;

sId=sId.replace(/x$/i,"a");

if(aCity[parseInt(sId.substr(0,2))]==null)return"Error:非法地区";

sBirthday=sId.substr(6,4)+"-"+Number(sId.substr(10,2))+"-"+Number(sId.substr(12,2));

vard=newDate(sBirthday.replace(/-/g,"/"))

if(sBirthday!=(d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate()))return"Error:非法生日";

for(vari=17;i>=0;i--)iSum+=(Math.pow(2,i)%11)*parseInt(sId.charAt(17-i),11)

if(iSum%11!=1)return"Error:非法证号";

returnaCity[parseInt(sId.substr(0,2))]+","+sBirthday+","+(sId.substr(16,1)%2?"男":"女")

}

document.write(cidInfo("380524198002300016"),"<br/>");

document.write(cidInfo("340524198002300019"),"<br/>")

document.write(cidInfo("340524197711111111"),"<br/>")

document.write(cidInfo("34052419800101001x"),"<br/>");

</script>

２．验证ＩＰ地址

<SCRIPTLANGUAGE="JavaScript">

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))

</SCRIPT>

当前1/3页123下一页阅读全文