javascript经典例子

javascript经典例子一、验证类1、数字验证内1.1整数1.2大于0的整数（用于传来的ID的验证)1.3负整数的验证1.4整数不能大于iMax1.5整数不能小于iMin2、时间类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多行文本框的值不能超过sMaxStrleng3.4多行文本框的值不能少于sMixStrleng3.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,F14.4屏蔽组合键ctrl+N5、网页设计类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+xml7、无边框效果的制作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多行文本框的值不能超过sMaxStrleng3.4多行文本框的值不能少于sMixStrleng3.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.appName5.2判断ie的版本window.navigator.appVersion5.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文件上传过程中判断文件类型-------------------------------------------------------------------------------------１．身份证严格验证：２．验证ＩＰ地址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))３．加sp1后还能用的无边框窗口！！/*---SpecialThanksForandot---*//*ThisfollowingcodearedesignedandwritenbyWindy_skYoucanuseitfreely,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;;//BuildWindowinclude.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