日本国产高清不卡,av3级在线,亚洲精品免费看

當前位置：首頁 > 范文|應用文 > IT技術專欄 > 網頁制作

html編寫簡潔的頁面表單驗證程序

來源：易賢網閱讀：1129 次日期：2015-01-15 13:57:47

溫馨提示：易賢網小編為您整理了“html編寫簡潔的頁面表單驗證程序”,方便廣大網友查閱！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "1/DTD/xhtml1-transitional.dtd";>

<head>

<title>vForm表單驗證程序</title>

<!--

{

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>

//程序基本思路：通過擴展對象來實現，將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 class="mycontent3"><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_introPIC><table width='100%' cellpadding='0' cellspacing='5' border='0' align='center'><tr valign='top'><td align='center'><a class="" ; title="PS打造 Sinsuo非主流效果+頹廢美化照片" target="_blank"><img class='pic1' src='"; title="PS打造 Sinsuo非主流效果+頹廢美化照片" target="_blank">PS打造 Sinsuo非主流效果+頹廢美化照片</a></td><td align='center'><a class="" ; title="非主流照片打造教程之大眼睛MM" target="_blank"><img class='pic1' src='"; title="非主流照片打造教程之大眼睛MM" target="_blank">非主流照片打造教程之大眼睛MM</a></td><td align='center'><a class="" ; title="非主流的黑白色彩" target="_blank"><img class='pic1' src='"; title="非主流的黑白色彩" target="_blank">非主流的黑白色彩</a></td><td align='center'><a class="" ; title="非主流3HAN風格照片的打造要領 " target="_blank"><img class='pic1' src='"; title="非主流3HAN風格照片的打造要領 " target="_blank">非主流3HAN風格照片的打造要領 </a></td></tr><tr valign='top'><td align='center'><a class="" ; title="非主流PS教程 -基本的瘦臉要領 " target="_blank"><img class='pic1' src='"; title="非主流PS教程 -基本的瘦臉要領 " target="_blank">非主流PS教程 -基本的瘦臉要領 </a></td><td align='center'><a class="" ; title="夢幻非主流照片效果![PS圖效]" target="_blank"><img class='pic1' src='"; title="夢幻非主流照片效果![PS圖效]" target="_blank">夢幻非主流照片效果![PS圖效]</a></td><td align='center'><a class="" ; title="一種非主流照片處理.要領 " target="_blank"><img class='pic1' src='"; title="一種非主流照片處理.要領 " target="_blank">一種非主流照片處理.要領 </a></td><td align='center'><a class="" ; title="5步教會你非主流RAY風格的照片打造 " target="_blank"><img class='pic1' src='"; title="5步教會你非主流RAY風格的照片打造 " target="_blank">5步教會你非主流RAY風格的照片打造 </a></td></tr></table></DIV>

<DIV class="left">· <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 class="pic_art_img"><a class="" ; title="淺談個人站點的商業化" target="_blank"><img class='pic1' src='"; title="淺談個人站點的商業化" target="_blank">淺談個人站點的商</a></div>

</div>

<div class="pic_art_img"><a class="" ; title="ASP.NET中常用的26個優化性能要領 " target="_blank"><img class='pic1' src='"; title="ASP.NET中常用的26個優化性能要領 " target="_blank">ASP.NET中常用的2</a></div>

</div>

</div>

</DIV>

<DIV class="right"><div class="listbg">· <a class="listA" ; title="淺談個人站點的商業化" target="_blank">淺談個人站點的商業化</a></div><div class="listbg2">· <a class="listA" ; title="ASP.NET中常用的26個優化性能要領 " target="_blank">ASP.NET中常用的26個優化性能要領 </a></div><div class="listbg">· <a class="listA" ; title="站長必讀：如何做站才更容易成功" target="_blank">站長必讀：如何做站才更容易成功</a></div><div class="listbg2">· <a class="listA" ; title="After Effects實例戰:打造 12秒站點廣告條" target="_blank">After Effects實例戰:打造 12秒站點廣告條</a></div><div class="listbg">· <a class="listA" ; title="Illustrator打造中國風青花盤子" target="_blank">Illustrator打造中國風青花盤子</a></div><div class="listbg2">· <a class="listA" ; title="谷歌推MP3能否拯救Google？" target="_blank">谷歌推MP3能否拯救Google？</a></div><div class="listbg">· <a class="listA" ; title="Maya打造豪情武俠《醉和尚》流程 " target="_blank">Maya打造豪情武俠《醉和尚》流程 </a></div><div class="listbg2">· <a class="listA" ; title="超級兔子新版探秘！保安全識驅動" target="_blank">超級兔子新版探秘！保安全識驅動</a></div><div class="listbg">· <a class="listA" ; title="網際快車用好了奧運視頻隨時看" target="_blank">網際快車用好了奧運視頻隨時看</a></div><div class="listbg2">· <a class="listA" ; title="卡卡6.0實用功能：給計算機減負保衛個人隱私" target="_blank">卡卡6.0實用功能：給計算機減負保衛個人隱</a></div><div class="listbg">· <a class="listA" ; title="國內主流SNS社區性能功能評測" target="_blank">國內主流SNS社區性能功能評測</a></div><div class="listbg2">· <a class="listA" ; title="如何有效運用百度有關產品推廣" target="_blank">如何有效運用百度有關產品推廣</a></div><div class="listbg">· <a class="listA" ; title="墨者安全專家六大功能運用教程 " target="_blank">墨者安全專家六大功能運用教程 </a></div></DIV>

</DIV>

<DIV class=soft_intro2><b>學網·特別聲明：</b><br> 本站除部分特別聲明禁止轉載的專稿外的其他文章可以自由轉載，但請務必注明出處和原始作者。本站所有文章版權歸文章原始作者所有。對于被本站轉載文章的個人和站點，我們表示深深的謝意。如果本站轉載的文章有版權問題，請聯系編輯人員Xababy#，我們盡快予以更正。</DIV>

</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 class="" ; title="PS打造 Sinsuo非主流效果+頹廢美化照片" target="_blank"><img class='pic1' src='"; title="PS打造 Sinsuo非主流效果+頹廢美化照片" target="_blank">PS打造 Sinsuo非主流效果+頹廢美化照片</a></td><td align='center'><a class="" ; title="Photoshop把偏色照片處理成非主流效果" target="_blank"><img class='pic1' src='"; title="Photoshop把偏色照片處理成非主流效果" target="_blank">Photoshop把偏色照片處理成非主流效果</a></td></tr><tr valign='top'><td align='center'><a class="" ; title="Photoshop將單色照片處理成冷色非主流效果" target="_blank"><img class='pic1' src='"; title="Photoshop將單色照片處理成冷色非主流效果" target="_blank">Photoshop將單色照片處理成冷色非主流效果</a></td><td align='center'><a class="" ; title="非主流照片打造之3步搞掂MM美白" target="_blank"><img class='pic1' src='"; title="非主流照片打造之3步搞掂MM美白" target="_blank">非主流照片打造之3步搞掂MM美白</a></td></tr><tr valign='top'><td align='center'><a class="" ; title="流行的一種非主流藍背景調整色調法" target="_blank"><img class='pic1' src='"; title="流行的一種非主流藍背景調整色調法" target="_blank">流行的一種非主流藍背景調整色調法</a></td><td align='center'><a class="" ; title="PS非主流照片打造之情侶圖片" target="_blank"><img class='pic1' src='"; title="PS非主流照片打造之情侶圖片" target="_blank">PS非主流照片打造之情侶圖片</a></td></tr></table></DIV>

<DIV class=rwen2t><A ; target="_blank">常用破解軟件下載</A></DIV>

<DIV class=rwen2c2><div class="listbg">· [<a class="listA" ;>注冊下載</a>]<a class="listA" ; title="QQ音樂v2008活力北京特別版揭曉下載" target="_blank">QQ音樂v2008活力北京特別版揭曉下載</a></div><div class="listbg2">· [<a class="listA" ;>注冊下載</a>]<a class="listA" ; title="TheWorld 世界之窗 2.2 RC (2.2.0.5) 揭曉下載" target="_blank">TheWorld 世界之窗 2.2 RC (2.2.0.5)</a></div><div class="listbg">· [<a class="listA" ;>注冊下載</a>]<a class="listA" ; title="iTunes 7.7 揭曉下載" target="_blank">iTunes 7.7 揭曉下載</a></div><div class="listbg2">· [<a class="listA" ;>注冊下載</a>]<a class="listA" ; title="Winamp 5.54 Build 2145 - Final下載" target="_blank">Winamp 5.54 Build 2145 - Final下載</a></div><div class="listbg">· [<a class="listA" ;>注冊下載</a>]<a class="listA" ; title="魚魚桌面秀2.1正式版揭曉下載" target="_blank">魚魚桌面秀2.1正式版揭曉下載</a></div><div class="listbg2">· [<a class="listA" ;>注冊下載</a>]<a class="listA" ; title="EmEditor Professional 7.02 RC 6下載" target="_blank">EmEditor Professional 7.02 RC 6下載</a></div><div class="listbg">· [<a class="listA" ;>注冊下載</a>]<a class="listA" ; title="phpBB 3.0.2不花錢下載" target="_blank">phpBB 3.0.2不花錢下載</a></div><div class="listbg2">· [<a class="listA" ;>注冊下載</a>]<a class="listA" ; title="WinRAR 3.80 beta 3 官方簡體中文版下載" target="_blank">WinRAR 3.80 beta 3 官方簡體中文版下</a></div><div class="listbg">· [<a class="listA" ;>注冊下載</a>]<a class="listA" ; title="PPS網絡電視（PPStream）2.2.34.1396 正式版下載" target="_blank">PPS網絡電視（PPStream）2.2.34.1396</a></div><div class="listbg2">· [<a class="listA" ;>注冊下載</a>]<a class="listA" ; title="WinRAR 簡體中文版 3.80 beta 3[烈火]下載" 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 class="" ; title="QQ空間好看大圖：Baby,愿你幸福" target="_blank"><img class='pic1' src='"; title="QQ空間好看大圖：Baby,愿你幸福" target="_blank">QQ空間好看大圖：Baby,愿你幸福</a></td><td align='center'><a class="" ; title="QQ空間大圖模塊:我們今生就一起好好走成么？" target="_blank"><img class='pic1' src='"; title="QQ空間大圖模塊:我們今生就一起好好走成么？" target="_blank">QQ空間大圖模塊:我們今生就一起好好走成么</a></td></tr><tr valign='top'><td align='center'><a class="" ; title="QQ空間大圖模塊:頹廢空間專用大圖模塊" target="_blank"><img class='pic1' src='"; title="QQ空間大圖模塊:頹廢空間專用大圖模塊" target="_blank">QQ空間大圖模塊:頹廢空間專用大圖模塊</a></td><td align='center'><a class="" ; title="QQ空間大圖模塊:你的那份愛情屬于我嗎" target="_blank"><img class='pic1' src='"; title="QQ空間大圖模塊:你的那份愛情屬于我嗎" target="_blank">QQ空間大圖模塊:你的那份愛情屬于我嗎</a></td></tr><tr valign='top'><td align='center'><a class="" ; title="QQ空間圖片模塊:愛到底什么滋味_讓我如此難過" target="_blank"><img class='pic1' src='"; title="QQ空間圖片模塊:愛到底什么滋味_讓我如此難過" target="_blank">QQ空間圖片模塊:愛到底什么滋味_讓我如此</a></td><td align='center'><a class="" ; title="QQ空間大圖模塊:葬LOVE_祭奠死去的愛" target="_blank"><img class='pic1' src='"; title="QQ空間大圖模塊:葬LOVE_祭奠死去的愛" target="_blank">QQ空間大圖模塊:葬LOVE_祭奠死去的愛</a></td></tr></table></DIV>

<DIV class=rwen2t><A ;>計算機安全·殺毒防黑</A></DIV>

<DIV class=rwen2c2><div class="listbg">· [<a class="listA" ;>病毒防治</a>]<a class="listA" ; title="卡卡6.0實用功能：給計算機減負保衛個人隱私" target="_blank">卡卡6.0實用功能：給計算機減負保衛個</a></div><div class="listbg2">· [<a class="listA" ;>病毒防治</a>]<a class="listA" ; title="ESET NOD32 安全套裝運用心得" target="_blank">ESET NOD32 安全套裝運用心得</a></div><div class="listbg">· [<a class="listA" ;>病毒防治</a>]<a class="listA" ; title="個人計算機中多見的安全風險與對策" target="_blank"><font color="#0000FF">個人計算機中多見的安全風險與對策</font></a></div><div class="listbg2">· [<a class="listA" ;>病毒防治</a>]<a class="listA" ; title="幫你強行殺死頑固不化的病毒進程" target="_blank">幫你強行殺死頑固不化的病毒進程</a></div><div class="listbg">· [<a class="listA" ;>病毒防治</a>]<a class="listA" ; title="MSN相片蠕蟲病毒完全清理要領 " target="_blank"><b>MSN相片蠕蟲病毒完全清理要領 </b></a></div><div class="listbg2">· [<a class="listA" ;>病毒防治</a>]<a class="listA" ; title="mppds.exe,cmdbcs.exe病毒文件的清理 " target="_blank">mppds.exe,cmdbcs.exe病毒文件的清理 </a></div><div class="listbg">· [<a class="listA" ;>病毒防治</a>]<a class="listA" ; title="conime.exe進程" target="_blank">conime.exe進程</a></div><div class="listbg2">· [<a class="listA" ;>病毒防治</a>]<a class="listA" ; title="天網防火墻V2.61學習教程 " target="_blank">天網防火墻V2.61學習教程 </a></div><div class="listbg">· [<a class="listA" ;>病毒防治</a>]<a class="listA" ; title="世界排名第一防火墻Comodo體驗" target="_blank">世界排名第一防火墻Comodo體驗</a></div><div class="listbg2">· [<a class="listA" ;>病毒防治</a>]<a class="listA" ; title="Windows下不花錢的殺軟.防火墻" target="_blank">Windows下不花錢的殺軟.防火墻</a></div></DIV>

</DIV></DIV>

</DIV>

<DIV class=f1><A onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('"; target=_blank>關于學網</A> - <A

更多信息請查看IT技術專欄

上一篇：HTML元素:isindex

下一篇：什么是絕對路徑和相對路徑

易賢網手機網站地址：html編寫簡潔的頁面表單驗證程序

由于各方面情況的不斷調整與變化，易賢網提供的所有考試信息和咨詢回復僅供參考，敬請考生以權威部門公布的正式信息和咨詢為準！

相關閱讀網頁制作

使用CSS制作立體導航欄10月30日