在b-s开发中经常用到的javaScript技术 <br/>程序代码： 一、验证类 <br/>1、数字验证内 <br/> 1.1 整数 <br/> 1.2 大于0的整数 （用于传来的ID的验证) <br/> 1.3 负整数的验证 <br/> 1.4 整数不能大于iMax <br/> 1.5 整数不能小于iMin <br/>2、时间类 <br/> 2.1 短时间，形如 (13:04:06) <br/> 2.2 短日期，形如 (2003-12-05) <br/> 2.3 长时间，形如 (2003-12-05 13:04:06) <br/> 2.4 只有年和月。形如(2003-05,或者2003-5) <br/> 2.5 只有小时和分钟,形如(12:03) <br/>3、表单类 <br/> 3.1 所有的表单的值都不能为空 <br/> 3.2 多行文本框的值不能为空。 <br/> 3.3 多行文本框的值不能超过sMaxStrleng <br/> 3.4 多行文本框的值不能少于sMixStrleng <br/> 3.5 判断单选框是否选择。 <br/> 3.6 判断复选框是否选择. <br/> 3.7 复选框的全选，多选，全不选，反选 <br/> 3.8 文件上传过程中判断文件类型 <br/>4、字符类 <br/> 4.1 判断字符全部由a-Z或者是A-Z的字字母组成 <br/> 4.2 判断字符由字母和数字组成。 <br/> 4.3 判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母 <br/> 4.4 字符串替换函数.Replace(); <br/>5、浏览器类 <br/> 5.1 判断浏览器的类型 <br/> 5.2 判断ie的版本 <br/> 5.3 判断客户端的分辨率 <br/> <br/>6、结合类 <br/> 6.1 email的判断。 <br/> 6.2 手机号码的验证 <br/> 6.3 身份证的验证 <br/> <br/><br/>二、功能类 <br/><br/>1、时间与相关控件类 <br/> 1.1 日历 <br/> 1.2 时间控件 <br/> 1.3 万年历 <br/> 1.4 显示动态显示时钟效果（文本，如OA中时间） <br/> 1.5 显示动态显示时钟效果 (图像，像手表) <br/>2、表单类 <br/> 2.1 自动生成表单 <br/> 2.2 动态添加，修改，删除下拉框中的元素 <br/> 2.3 可以输入内容的下拉框 <br/> 2.4 多行文本框中只能输入iMax文字。如果多输入了，自动减少到iMax个文字（多用于短信发送) <br/> <br/>3、打印类 <br/> 3.1 打印控件 <br/>4、事件类 <br/> 4.1 屏蔽右键 <br/> 4.2 屏蔽所有功能键 <br/> 4.3 –> 和<– F5 F11,F9,F1 <br/> 4.4 屏蔽组合键ctrl+N <br/>5、网页设计类 <br/> 5.1 连续滚动的文字，图片（注意是连续的，两段文字和图片中没有空白出现） <br/> 5.2 html编辑控件类 <br/> 5.3 颜色选取框控件 <br/> 5.4 下拉菜单 <br/> 5.5 两层或多层次的下拉菜单 <br/> 5.6 仿IE菜单的按钮。（效果如rongshuxa.com的导航栏目) <br/> 5.7 状态栏，title栏的动态效果（例子很多，可以研究一下） <br/> 5.8 双击后，网页自动滚屏 <br/>6、树型结构。 <br/> 6.1 asp+SQL版 <br/> 6.2 asp+xml+sql版 <br/> 6.3 java+sql或者java+sql+xml <br/>7、无边框效果的制作 <br/>8、连动下拉框技术 <br/>9、文本排序 <br/>10，画图类，含饼、柱、矢量贝滋曲线 <br/>11，操纵客户端注册表类 <br/>12，DIV层相关（拖拽、显示、隐藏、移动、增加） <br/>13，TABLAE相关(客户端动态增加行列，模拟进度条，滚动列表等) <br/>14，各种<object classid=>相关类，如播放器，flash与脚本互动等 <br/>16, 刷新/模拟无刷新 异步调用类（XMLHttp或iframe,frame） <br/><br/><br/><br/><br/><br/><script language=”JavaScript”> <br/><!– <br/>function check(text){ <br/>var checkstr,iMax=5,iMin=3 <br/>checkstr=”isInt:”+(parseInt(text)==text)+”\n” <br/>checkstr+=”isID:”+((parseInt(text)==text)&&(text>=0))+”\n” <br/>checkstr+=”小于”+iMax+”:”+((parseInt(text)==text)&&(text<iMax))+”\n” <br/>checkstr+=”大于”+iMin+”:”+((parseInt(text)==text)&&(text>iMin))+”\n” <br/>alert(checkstr) <br/>} <br/>//–> <br/></script> <br/><form method=post action=””> <br/><input type=”text” id=”text1″ onchange=”check(this.value)”> <br/></form> <br/><br/><br/><br/>4、事件类 <br/> 4.1 屏蔽右键 <br/> 在body标签里加上oncontextmenu=self.event.returnValue=false <br/> 4.2 屏蔽所有功能键 <br/><br/> 4.3 –> 和<– F5 F11,F9,F1 <br/><br/> 4.4 屏蔽组合键ctrl+N <br/><br/><script language=javascript> <br/>function KeyDown(){ <br/> if ((window.event.altKey)&& <br/> ((window.event.keyCode==37)|| //屏蔽 Alt+ 方向键 ← <br/> (window.event.keyCode==39))){ //屏蔽 Alt+ 方向键 → <br/> alert(“不准你使用ALT+方向键前进或后退网页！”); <br/> event.returnValue=false; <br/> } <br/> if ((event.keyCode==8)|| //屏蔽退格删除键 <br/> (event.keyCode==116)){ //屏蔽 F5 刷新键 <br/> event.keyCode=0; <br/> event.returnValue=false; <br/> } <br/> if ((event.ctrlKey)&&(event.keyCode==78)){ //屏蔽 Ctrl+n <br/> event.returnValue=false; <br/> } <br/> if ((event.shiftKey)&&(event.keyCode==121)){ //屏蔽 shift+F10 <br/> event.returnValue=false; <br/> } <br/> if (event.keyCode==122){ //屏蔽 F11 <br/<br /> > event.returnValue=false; <br/> } <br/> } <br/>只要知道keyCode即可屏蔽所有功能键 <br/><br/><br/>一、验证类 <br/>1、数字验证内 <br/> 1.1 整数 <br/> /^(-|\+)?\d+$/.test(str) <br/> 1.2 大于0的整数 （用于传来的ID的验证) <br/> /^\d+$/.test(str) <br/> 1.3 负整数的验证 <br/> /^-\d+$/.test(str) <br/>2、时间类 <br/> 2.1 短时间，形如 (13:04:06) <br/> function isTime(str) <br/> { <br/> var a = str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d{1,2})$/); <br/> if (a == null) {alert(‘输入的参数不是时间格式’); return false;} <br/> if (a[1]>24 || a[3]>60 || a[4]>60) <br/> { <br/> alert(“时间格式不对”); <br/> return false <br/> } <br/> return true; <br/> } <br/> 2.2 短日期，形如 (2003-12-05) <br/> function strDateTime(str) <br/> { <br/> var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/); <br/> if(r==null)return false; <br/> var d= new Date(r[1], r[3]-1, r[4]); <br/> return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]); <br/> } <br/> 2.3 长时间，形如 (2003-12-05 13:04:06) <br/> function strDateTime(str) <br/> { <br/> var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/; <br/> var r = str.match(reg); <br/> if(r==null)return false; <br/> var d= new Date(r[1], r[3]-1,r[4],r[5],r[6],r[7]); <br/> return <br/><br/>(d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]&&d.getHours()==r[5]&&d.getMinutes()==r[6]&&d.getSeconds()== <br/><br/>r[7]); <br/> } <br/> 2.4 只有年和月。形如(2003-05,或者2003-5) <br/> 2.5 只有小时和分钟,形如(12:03) <br/>3、表单类 <br/> 3.1 所有的表单的值都不能为空 <br/> <input onblur=”if(this.value.replace(/^\s+|\s+$/g,”)==”)alert(‘不能为空!’)”> <br/> 3.2 多行文本框的值不能为空。 <br/> 3.3 多行文本框的值不能超过sMaxStrleng <br/> 3.4 多行文本框的值不能少于sMixStrleng <br/> 3.5 判断单选框是否选择。 <br/> 3.6 判断复选框是否选择. <br/> 3.7 复选框的全选，多选，全不选，反选 <br/> 3.8 文件上传过程中判断文件类型 <br/>4、字符类 <br/> 4.1 判断字符全部由a-Z或者是A-Z的字字母组成 <br/> <input onblur=”if(/[^a-zA-Z]/g.test(this.value))alert(‘有错’)”> <br/> 4.2 判断字符由字母和数字组成。 <br/> <input onblur=”if(/[^0-9a-zA-Z]/g.test(this.value))alert(‘有错’)”> <br/> 4.3 判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母 <br/> /^([a-zA-z_]{1})([\w]*)$/g.test(str) <br/> 4.4 字符串替换函数.Replace(); <br/>5、浏览器类 <br/> 5.1 判断浏览器的类型 <br/> window.navigator.appName <br/> 5.2 判断ie的版本 <br/> window.navigator.appVersion <br/> 5.3 判断客户端的分辨率 <br/> window.screen.height; window.screen.width; <br/> <br/>6、结合类 <br/> 6.1 email的判断。 <br/> function ismail(mail) <br/> { <br/> return(new RegExp(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/).test(mail)); <br/> } <br/> 6.2 手机号码的验证 <br/> 6.3 身份证的验证 <br/> function isIdCardNo(num) <br/> { <br/> if (isNaN(num)) {alert(“输入的不是数字！”); return false;} <br/> var len = num.length, re; <br/> if (len == 15) <br/> re = new RegExp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{3})$/); <br/> else if (len == 18) <br/> re = new RegExp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\d)$/); <br/> else {alert(“输入的数字位数不对！”); return false;} <br/> var a = num.match(re); <br/> if (a != null) <br/> { <br/> if (len==15) <br/> { <br/> var D = new Date(“19″+a[3]+”/”+a[4]+”/”+a[5]); <br/> &<br /> nbsp; var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5]; <br/> } <br/> else <br/> { <br/> var D = new Date(a[3]+”/”+a[4]+”/”+a[5]); <br/> var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5]; <br/> } <br/> if (!B) {alert(“输入的身份证号 “+ a[0] +” 里出生日期不对！”); return false;} <br/> } <br/> return true; <br/> } <br/><br/><br/>3.7 复选框的全选，多选，全不选，反选 <br/><form name=hrong> <br/><input type=checkbox name=All onclick=”checkAll(‘mm’)”>全选<br/> <br/><input type=checkbox name=mm onclick=”checkItem(‘All’)”><br/> <br/><input type=checkbox name=mm onclick=”checkItem(‘All’)”><br/> <br/><input type=checkbox name=mm onclick=”checkItem(‘All’)”><br/> <br/><input type=checkbox name=mm onclick=”checkItem(‘All’)”><br/> <br/><input type=checkbox name=mm onclick=”checkItem(‘All’)”><br/><br/> <br/><br/><br/><input type=checkbox name=All2 onclick=”checkAll(‘mm2’)”>全选<br/> <br/><input type=checkbox name=mm2 onclick=”checkItem(‘All2’)”><br/> <br/><input type=checkbox name=mm2 onclick=”checkItem(‘All2’)”><br/> <br/><input type=checkbox name=mm2 onclick=”checkItem(‘All2’)”><br/> <br/><input type=checkbox name=mm2 onclick=”checkItem(‘All2’)”><br/> <br/><input type=checkbox name=mm2 onclick=”checkItem(‘All2’)”><br/> <br/><br/></form> <br/><br/><SCRIPT LANGUAGE=”JavaScript”> <br/>function checkAll(str) <br/>{ <br/> var a = document.getElementsByName(str); <br/> var n = a.length; <br/> for (var i=0; i<n; i++) <br/> a[i].checked = window.event.srcElement.checked; <br/>} <br/>function checkItem(str) <br/>{ <br/> var e = window.event.srcElement; <br/> var all = eval(“document.hrong.”+ str); <br/> if (e.checked) <br/> { <br/> var a = document.getElementsByName(e.name); <br/> all.checked = true; <br/> for (var i=0; i<a.length; i++) <br/> { <br/> if (!a[i].checked){ all.checked = false; break;} <br/> } <br/> } <br/> else all.checked = false; <br/>} <br/></SCRIPT> <br/><br/>3.8 文件上传过程中判断文件类型 <br/><input type=file onchange=”alert(this.value.match(/^(.*)(\.)(.{1,8})$/)[3])”> <br/><br/><br/><br/>不断地清空剪贴板: <br/><body onload=”setInterval(‘clipboardData.setData(\’Text\’,\’\’)’,100)”> <br/><br/><br/><script language=”JavaScript” type=”text/JavaScript”> <br/>//先复制一样东西，或者文本或者图片 <br/>if(clipboardData.getData(“Text”)||clipboardData.getData(“HTML”)||clipboardData.getData(“URL”)) <br/>{ <br/>alert(“有效行为”); <br/>} <br/></script> <br/><br/> 相关主题 速度超快：使用SqlBulkCopy导入DataTable数据到MSSQL数据库 C#开发中Windows域认证登录 C# .Net Web开发中导入Excel到数据库，使用NPOI2支持2003、2007、2010等更高版本 ASP生成随机密码的代码 C#开发代码规范中PascalCase和camelCase的两个有用的方法类 我相信 iERP5.2采购接收/验收对IMA_OnHandQty的影响 BaaN ERP V 4GL程序/报表开发之reportno 携手共筑BE论坛美好明天 iERP5.2中的三种费用对应的WKO取值函数
