| 标题 | html编写简洁的页面表单验证程序 |
| 内容 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "1/DTD/xhtml1-transitional.dtd";> <html xmlns="";> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>vForm表单验证程序</title> <style type="text/css"> <!-- { width: 170px; overflow:visible; height:auto; font-size: small; position: absolute; background-color: #FFffdd; border: 1px solid #000; filter:progid:DXImageTransform.Microsoft.Shadow(color=#111111,direction=135,strength=3); top: 375px; padding: 5px; left: 671px; } _title .err{ padding: 5px; height: 50px; width: 24em; position: absolute; background-color: #FFFFCC; left: 196px; top: 114px; font-size: small; opacity:0.5; border: 1px double #333333; filter: Shadow(Color=#000000, Direction=135); filter:progid:DXImageTransform.Microsoft.Shadow(color=#111111,direction=135,strength=5); } #form1 .text_input { border-top: 1px solid #333333; border-right: 1px solid #999999; border-bottom: 1px solid #ddd; border-left: 1px solid #000000; }<_title { color: #FF0000; background: #ACB9D1; } #form1 { position: static; left: 581px; top: 463px; border: 1px solid #3300FF; padding: 5px; ; } #imok { display: block; position: absolute; height:315px; overflow:scroll; left: 100px; top: 100px; width: 306px; } .title h1 { background: #33CCFF; border-bottom: medium solid #3366FF; } .title p { font-size: medium; text-indent: 2em; } body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium; } code { font: 12px/18px "lucida Grande", verdana, lucida, Arial, helvetica, "宋体", sans-serif; border:1px solid #0099cc; padding:5px; margin: 5px; width: 80%; color: #000; background-color: #ddedfb; display: block; } --> </style> <script language="JavaScript" type="text/javascript"> //程序基本思路：通过扩展对象来实现，将String扩展 将默认的表单元素扩展 定义两个自定义对象。 //String.isEmail //String.isUrl //表单元素.required //表单元素.isvalid //表单元素.validate // //字符串验证扩展 //├电子邮件验证 String.prototype.isEmail = function(){ var tmpStr = this; var email = /^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$/; return email.test(tmpStr) } //├http地址验证 String.prototype.isUrl = function(){ var url = ///[A-Za-z0-9]+.[A-Za-z0-9]+[/=?%-&_~`@[]':+!]*([^<>""])*$/; var tmpStr = this; return url.test(tmpStr); } //├日期验证（第一部分） String.prototype.isDateTime = function(){ if(Date.parse(this) Date.parseDate(this)) { return true; } else { return false; } } String.prototype.isInteger = function() { var _i = /^[-+]?d+$/; var _s = this; return _i.test(_s); } Date.prototype.toIsoDate = function() { var _d = this; var _s; _Y =_d.getFullYear(); _M = _d.getMonth() + 1; _D = _d.getDate(); _H = _d.getHours(); _I = _d.getMinutes(); _S = _d.getSeconds(); with(_d) { _s = [getMonth() + 1,getDate(),getHours(),getMinutes(),getSeconds()]; } for(var i = 0; i < _s.length; i++) { if (_s[i].toString().length == 1)_s[i]= '0'+_s[i]; } return (_Y + '-'+_s[0]+'-'+_s[1]+' '+_s[2]+':'+_s[3]+':'+_s[4]) } //├日期验证（第二部分） Date.parseDate = function(str, fmt) { fmt = fmt "%Y-%m-%d %H:%M"; var today = new Date(); var y = 0; var m = -1; var d = 0; var a = str.split(/W+/); var b = fmt.match(/%./g); var i = 0, j = 0; var hr = 0; var min = 0; for (i = 0; i < a.length; ++i) { if (!a[i]) continue; switch (b[i]) { case "%d": case "%e": d = parseInt(a[i], 10); break; case "%m": m = parseInt(a[i], 10) - 1; break; case "%Y": case "%y": y = parseInt(a[i], 10); (y < 100) && (y += (y > 29) ? 1900 : 2000); break; case "%b": case "%B": for (j = 0; j < 12; ++j) { if (Calendar._MN[j].substr(0, a[i].length).toLowerCase() == a[i].toLowerCase()) { m = j; break; } } break; case "%H": case "%I": case "%k": case "%l": hr = parseInt(a[i], 10); break; case "%P": case "%p": if (/pm/i.test(a[i]) && hr < 12) hr += 12; else if (/am/i.test(a[i]) && hr >= 12) hr -= 12; break; case "%M": min = parseInt(a[i],</p><div align='left'><b><div id=pages style='float:left;border:1px solid #39f;text-align:center;WIDTH: 30px;HEIGHT: 20px;background-color:#eee;padding:2px;margin:5px;margin-right:0;'><font color='red'>1</font></div><div id=pages style='float:left;border:1px solid #39f;text-align:center;WIDTH: 30px;HEIGHT: 20px;background-color:#eee;padding:2px;margin:5px;margin-right:0;' ><a '>2</a></div><div id=pages style='float:left;border:1px solid #39f;text-align:center;WIDTH: 30px;HEIGHT: 20px;background-color:#eee;padding:2px;margin:5px;margin-right:0;' ><a '>3</a></div><div id=pages style='float:left;border:1px solid #39f;text-align:center;WIDTH: 30px;HEIGHT: 20px;background-color:#eee;padding:2px;margin:5px;margin-right:0;' ><a '>4</a></div><div id=nextpage style='float:left;border:1px solid #39f;text-align:center;WIDTH: 55px;HEIGHT: 20px;background-color:#eee;padding:2px;margin:5px;'><a '>.</a></div> </b></div> </DIV> <DIV><IFRAME src="' title='文章标题：分析总结一下＜li＞和＜hr＞的样式定义 作 者：html教程 更新时间：2008-2-22 1:54:18'>分析总结一下＜li＞和＜hr＞的样式定义</a></li></LI> <LI><li>下一篇文章： <a class='LinkNextArticle' ' title='文章标题：网页中插入透明Flash的要领和技巧 作 者：html教程 更新时间：2008-2-22 1:54:19'>网页中插入透明Flash的要领和技巧</a></li></LI> </UL> </DIV> <DIV class=soft_intro><script language='javascript' src='/AD/200504/13.js'></script></DIV> <DIV class=soft_introPIC><table width='100%' cellpadding='0' cellspacing='5' border='0' align='center'><tr valign='top'><td align='center'><a ; target="_blank"><img class='pic1' src='"; target="_blank">PS打造 Sinsuo非主流效果+颓废美化照片</a></td><td align='center'><a ; target="_blank"><img class='pic1' src='"; target="_blank">非主流照片打造教程 之大眼睛MM</a></td><td align='center'><a ; target="_blank"><img class='pic1' src='"; target="_blank">非主流的黑白色彩</a></td><td align='center'><a ; target="_blank"><img class='pic1' src='"; target="_blank">非主流3HAN风格照片的打造要领 </a></td></tr><tr valign='top'><td align='center'><a ; target="_blank"><img class='pic1' src='"; target="_blank">非主流PS教程 -基本的瘦脸要领 </a></td><td align='center'><a ; target="_blank"><img class='pic1' src='"; target="_blank">梦幻非主流照片效果![PS图效]</a></td><td align='center'><a ; target="_blank"><img class='pic1' src='"; target="_blank">一种非主流照片处理.要领 </a></td><td align='center'><a ; target="_blank"><img class='pic1' src='"; target="_blank">5步教会你非主流RAY风格的照片打造 </a></td></tr></table></DIV> <DIV id=toptj2><DIV class=toptjl2><A <DIV id=down> <DIV>· <a class='LinkArticleCorrelative' ' title='文章标题：页面上所有的链接都在新窗口打开 作 者：html教程 更新时间：2007-10-31 17:31:08' target="_blank">页面上所有的链接都在新窗口打开</a><br>· <a class='LinkArticleCorrelative' ' title='文章标题：html教程 +HTML语法全集 作 者：html教程 更新时间：2007-10-31 17:32:19' target="_blank">html教程 +HTML语法全集 </a><br>· <a class='LinkArticleCorrelative' ' title='文章标题：用HTML给Flash加链接 作 者：html教程 更新时间：2007-10-31 17:31:16' target="_blank">用HTML给Flash加链接</a><br>· <a class='LinkArticleCorrelative' ' title='文章标题：打造强制固定表格大小的效果 作 者：html教程 更新时间：2007-10-31 17:32:03' target="_blank">打造强制固定表格大小的效果</a><br>· <a class='LinkArticleCorrelative' ' title='文章标题：在线播放器代码全集 作 者：html教程 更新时间：2007-10-31 17:31:16' target="_blank">在线播放器代码全集 </a><br>· <a class='LinkArticleCorrelative' ' title='文章标题：层（div）的上下滚动 作 者：html教程 更新时间：2007-10-31 17:32:14' target="_blank">层（div）的上下滚动</a><br>· <a class='LinkArticleCorrelative' ' title='文章标题：MIME Type 引出的两难困境 作 者：html教程 更新时间：2007-10-31 17:32:33' target="_blank">MIME Type 引出的两难困境</a><br>· <a class='LinkArticleCorrelative' ' title='文章标题：“画中画”效果--谈IFRAME标签的运用 作 者：html教程 更新时间：2007-10-31 17:32:23' target="_blank">“画中画”效果--谈IFRAME标签的运用 </a><br>· <a class='LinkArticleCorrelative' ' title='文章标题：打造虚线效果的水平线 作 者：html教程 更新时间：2008-1-13 12:02:51' target="_blank">打造虚线效果的水平线</a><br>· <a class='LinkArticleCorrelative' ' title='文章标题：让网页里的提交按钮变得更靓丽 作 者：html教程 更新时间：2007-10-31 17:32:13' target="_blank">让网页里的提交按钮变得更靓丽</a><br>· <a class='LinkArticleCorrelative' ' title='文章标题：实现网页的动态过渡效果 作 者：html教程 更新时间：2007-10-31 17:31:50' target="_blank">实现网页的动态过渡效果</a><br>· <a class='LinkArticleCorrelative' ' title='文章标题：Cool Web Scrollbars - 定制网页的滚动条 作 者：html教程 更新时间：2007-10-31 17:32:06' target="_blank">Cool Web Scrollbars - 定制网页的滚动条</a><br>· <a class='LinkArticleCorrelative' ' title='文章标题：网页设计:一种细腻的导航效果的打造要领 作 者：html教程 更新时间：2007-10-31 17:32:07' target="_blank">网页设计:一种细腻的导航效果的打造要领 </a><br></DIV> <DIV><div> <div><a ; target="_blank"><img class='pic1' src='"; target="_blank">浅谈个人站点的商</a></div> </div> <div> <div><a ; target="_blank"><img class='pic1' src='"; target="_blank">ASP.NET中常用的2</a></div> </div> <div> <div><a ; target="_blank"><img class='pic1' src='"; target="_blank">站长必读：如何 做</a></div> </div> </DIV> <DIV><div>· <a ; target="_blank">浅谈个人站点的商业化</a></div><div>· <a ; target="_blank">ASP.NET中常用的26个优化性能要领 </a></div><div>· <a ; target="_blank">站长必读：如何 做站才更容易成功</a></div><div>· <a ; target="_blank">After Effects实例战:打造 12秒站点广告条</a></div><div>· <a ; target="_blank">Illustrator打造中国风青花盘子</a></div><div>· <a ; target="_blank">谷歌推MP3能否拯救Google？</a></div><div>· <a ; target="_blank">Maya打造 豪情武侠《醉和尚》流程 </a></div><div>· <a ; target="_blank">超级兔子新版探秘！保安全识驱动</a></div><div>· <a ; target="_blank">网际快车用好了 奥运视频随时看</a></div><div>· <a ; target="_blank">卡卡6.0实用功能：给计算机减负 保卫个人隐</a></div><div>· <a ; target="_blank">国内主流SNS社区性能功能评测</a></div><div>· <a ; target="_blank">如何 有效运用 百度有关产品推广</a></div><div>· <a ; target="_blank">墨者安全专家六大功能运用教程 </a></div></DIV> </DIV> <DIV class=soft_intro2><b>学网·特别声明：</b><br> 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。本站所有文章版权归文章原始作者所有。对于被本站转载文章的个人和站点，我们表示深深的谢意。如果本站转载的文章有版权问题，请联系编辑人员Xababy#，我们尽快予以更正。</DIV> </DIV> <!--右边 --> <DIV class=rwen> <DIV class=rwen1 ></DIV> <DIV class=rwen1 ></DIV> <DIV class=rwen2t><A ; target="_blank">非主流照片打造 </A></DIV> <DIV class=rwen2c><table width='100%' cellpadding='0' cellspacing='5' border='0' align='center'><tr valign='top'><td align='center'><a ; target="_blank"><img class='pic1' src='"; target="_blank">PS打造 Sinsuo非主流效果+颓废美化照片</a></td><td align='center'><a ; target="_blank"><img class='pic1' src='"; target="_blank">Photoshop把偏色照片处理成非主流效果</a></td></tr><tr valign='top'><td align='center'><a ; target="_blank"><img class='pic1' src='"; target="_blank">Photoshop将单色照片处理成冷色非主流效果</a></td><td align='center'><a ; target="_blank"><img class='pic1' src='"; target="_blank">非主流照片打造之3步搞掂MM美白</a></td></tr><tr valign='top'><td align='center'><a ; target="_blank"><img class='pic1' src='"; target="_blank">流行的一种非主流蓝背景调整色调法</a></td><td align='center'><a ; target="_blank"><img class='pic1' src='"; target="_blank">PS非主流照片打造之情侣图片</a></td></tr></table></DIV> <DIV class=rwen2t><A ; target="_blank">常用破解软件下载</A></DIV> <DIV class=rwen2c2><div>· [<a ;>注册下载</a>]<a ; target="_blank">QQ音乐v2008活力北京特别版揭晓下载</a></div><div>· [<a ;>注册下载</a>]<a ; target="_blank">TheWorld 世界之窗 2.2 RC (2.2.0.5)</a></div><div>· [<a ;>注册下载</a>]<a ; target="_blank">iTunes 7.7 揭晓下载</a></div><div>· [<a ;>注册下载</a>]<a ; target="_blank">Winamp 5.54 Build 2145 - Final下载</a></div><div>· [<a ;>注册下载</a>]<a ; target="_blank">鱼鱼桌面秀2.1正式版揭晓下载</a></div><div>· [<a ;>注册下载</a>]<a ; target="_blank">EmEditor Professional 7.02 RC 6下载</a></div><div>· [<a ;>注册下载</a>]<a ; target="_blank">phpBB 3.0.2不花钱下载</a></div><div>· [<a ;>注册下载</a>]<a ; target="_blank">WinRAR 3.80 beta 3 官方简体中文版下</a></div><div>· [<a ;>注册下载</a>]<a ; target="_blank">PPS网络电视（PPStream）2.2.34.1396</a></div><div>· [<a ;>注册下载</a>]<a ; target="_blank">WinRAR 简体中文版 3.80 beta 3[烈火</a></div></DIV> <DIV class=rwen2t><A ;>QQ空间大图模块</A></DIV> <DIV class=rwen2c><table width='100%' cellpadding='0' cellspacing='5' border='0' align='center'><tr valign='top'><td align='center'><a ; target="_blank"><img class='pic1' src='"; target="_blank">QQ空间好看大图：Baby,愿你幸福</a></td><td align='center'><a ; target="_blank"><img class='pic1' src='"; target="_blank">QQ空间大图模块:我们今生就一起好好走成么</a></td></tr><tr valign='top'><td align='center'><a ; target="_blank"><img class='pic1' src='"; target="_blank">QQ空间大图模块:颓废空间专用大图模块</a></td><td align='center'><a ; target="_blank"><img class='pic1' src='"; target="_blank">QQ空间大图模块:你的那份爱情属于我吗</a></td></tr><tr valign='top'><td align='center'><a ; target="_blank"><img class='pic1' src='"; target="_blank">QQ空间图片模块:爱到底什么滋味_让我如此</a></td><td align='center'><a ; target="_blank"><img class='pic1' src='"; target="_blank">QQ空间大图模块:葬LOVE_祭奠死去的爱</a></td></tr></table></DIV> <DIV class=rwen2t><A ;>计算机安全·杀毒防黑</A></DIV> <DIV class=rwen2c2><div>· [<a ;>病毒防治</a>]<a ; target="_blank">卡卡6.0实用功能：给计算机减负 保卫个</a></div><div>· [<a ;>病毒防治</a>]<a ; target="_blank">ESET NOD32 安全套装运用心得</a></div><div>· [<a ;>病毒防治</a>]<a ; target="_blank"><font color="#0000FF">个人计算机中多见的安全风险与对策</font></a></div><div>· [<a ;>病毒防治</a>]<a ; target="_blank">帮你强行杀死顽固不化的病毒进程</a></div><div>· [<a ;>病毒防治</a>]<a ; target="_blank"><b>MSN相片蠕虫病毒完全清理要领 </b></a></div><div>· [<a ;>病毒防治</a>]<a ; target="_blank">mppds.exe,cmdbcs.exe病毒文件的清理 </a></div><div>· [<a ;>病毒防治</a>]<a ; target="_blank">conime.exe进程</a></div><div>· [<a ;>病毒防治</a>]<a ; target="_blank">天网防火墙V2.61学习教程 </a></div><div>· [<a ;>病毒防治</a>]<a ; target="_blank">世界排名第一防火墙Comodo体验</a></div><div>· [<a ;>病毒防治</a>]<a ; target="_blank">Windows下不花钱的杀软.防火墙</a></div></DIV> </DIV></DIV> <!--右边 --> <DIV class=wrap id=RightContent> <DIV class=s6 ></DIV> </DIV> <!--下边 --> <DIV class=wrap id=myfoot> <DIV class=f1><A onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('"; target=_blank>关于学网</A> - <A |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。