在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 教程/ HTML/ JavaScript表單驗(yàn)證
Javascript Math.log()方法
Javascript String.sub()方法
JavaScript表單驗(yàn)證
Javascript教程
Javascript String.fontsize()方法
Javascript Date.getUTCHours()方法
JavaScript運(yùn)算符
Javascript RegExp.ignoreCase屬性
Javascript Date.toLocaleDateString()方法
Javascript String.valueOf()方法
Javascript Date.setUTCMinutes()方法
JavaScript Switch Case
JavaScript Function() 構(gòu)造
Javascript Math.floor()方法
JavaScript頁(yè)面刷新
Javascript Math.abs()方法
Javascript Array.pop()方法
Javascript Boolean.valueOf（）方法
Javascript Number.MIN_VALUE
Javascript Date.parse()方法
Javascript Math.LOG10E屬性
Javascript Math.random()方法
Javascript Date.getYear()方法
Javascript Array.some()方法
Javascript Array.filter()方法
Javascript Array.join()方法
JavaScript for循環(huán)
Javascript String.localeCompare()方法
JavaScript語(yǔ)法
Javascript Array.length屬性
Javascript String.strike()方法
Javascript String.constructor屬性
JavaScript Date對(duì)象
Javascript Date.setYear()方法
Javascript Math.E屬性
Javascript Math.LN10屬性
Javascript Math.sqrt()方法
Javascript Array.reverse()方法
Javascript String.length屬性
Javascript RegExp.lastIndex屬性
Javascript Arrays對(duì)象
Javascript Boolean.toSource()方法
Javascript Date.valueOf()方法
JavaScript while循環(huán)
Javascript Date.getDate()方法
Javascript Date.toUTCString()方法
Javascript Math.SQRT2屬性
Javascript Array.lastIndexOf()方法
Javascript String.slice()方法
Javascript Date.getTime()方法
Javascript Date.getSeconds()方法
Javascript RegExp.toString()方法
Javascript String.replace()方法
Javascript Array.splice()方法
Javascript多媒體
Javascript Math.atan2()方法
Javascript Date.toString()方法
Javascript Date.getUTCMinutes()方法
Javascript Date.getFullYear()方法
Javascript Date.setDate()方法
Javascript Array.slice()方法
Javascript Math.ceil()方法
Javascript Date.getHours()方法
JavaScript事件
Javascript Math.pow()方法
Javascript Math.exp()方法
Javascript Date.getMonth()方法
Javascript Date.setUTCDate()方法
Javascript Array.reduce()方法
Javascript Date setUTCMilliseconds()方法
JavaScript文檔對(duì)象模型或DOM
Javascript String.blink()方法
Javascript Number.POSITIVE_INFINITY
Javascript Math.asin()方法
JavaScript動(dòng)畫(huà)
Javascript Number.MAX_VALUE
Javascript RegExp.global屬性
Javascript Date.getMinutes()方法
Javascript Date.UTC()方法
Javascript Date.getUTCMilliseconds()方法
Javascript Math.SQRT1_2屬性
Javascript Array.every()方法
Javascript String.anchor()方法
JavaScript if...else語(yǔ)句
Javascript Math.round()方法
Javascript Array.concat()方法
Javascript Boolean.toString()方法
Javascript Math.sin()方法
Javascript Math.max()方法
Javascript Date.setMilliseconds()方法
JavaScript對(duì)象
Javascript String.toLocaleLowerCase()方法
Javascript Math.min()方法
JavaScript傳統(tǒng)DOM
Javascript Array.unshift()方法
Javascript Date.toTimeString()方法
Javascript String.toString()方法
Javascript String.substring()方法
Javascript Array.constructor屬性
正則表達(dá)式和RegExp對(duì)象
Javascript Math.acos()方法
JavaScript Boolean.constructor()方法
Javascript RegExp.source屬性
Javascript Math.PI屬性
JavaScript W3C DOM
Javascript Date.setMinutes()方法
JavaScript Cookies
JavaScript循環(huán)控制
Javascript Array.push()方法
Javascript Date.getMilliseconds()方法
Javascript Date.getUTCSeconds()方法
Javascript String.charAt()方法
Javascript Date.getUTCFullYear()方法
JavaScript對(duì)話框
Javascript String.toUpperCase()方法
Javascript Math.atan()方法
Javascript Number.NEGATIVE_INFINITY
Javascript Date.getUTCDay()方法
Javascript String.search()方法
Javascript String.substr()方法
Javascript Array.toString()方法
Javascript String.sup()方法
Javascript String.charCodeAt()方法
Javascript Math.cos()方法
Javascript String.bold()方法
Javascript Math.tan()方法
Javascript RegExp.test()方法
Javascript Date.toDateString()方法
JavaScript錯(cuò)誤和異常處理
JavaScript函數(shù)
Javascript String.link()方法
JavaScript嵌套函數(shù)
Javascript Boolean對(duì)象
Javascript Array.shift()方法
Javascript String.small()方法
Javascript Date.getUTCMonth()方法
Javascript String.lastIndexOf()方法
Javascript Math.toSource()方法
Javascript Array.reduceRight()方法
JavaScript變量和數(shù)據(jù)類型
Javascript Number.NaN
Javascript Array.toSource()方法
Javascript頁(yè)面打印
Javascript Date.setUTCFullYear()方法
Javascript Array.indexOf()方法
Javascript RegExp.exec()方法
Javascript Date.setUTCSeconds()方法
Javascript String.match()方法
Javascript Date.setSeconds()方法
Javascript Array.sort()方法
Javascript Math.LOG2E,屬性
Javascript Math對(duì)象
Javascript Math.LN2屬性
Javascript String對(duì)象
JavaScript頁(yè)面重定向
Javascript RegExp.toSource()方法
Javascript Date.getUTCDate()方法
Javascript String.concat()方法
Javascript Array.map()方法
Javascript Date.toSource()方法
Javascript String.toLowerCase()方法
在HTML文件放置JavaScript
JavaScript for...in 循環(huán)
Javascript Object.prototype
Javascript RegExp.constructor屬性
JavaScript void關(guān)鍵詞
Javascript Date.getTimezoneOffset()方法
Javascript RegExp.multiline屬性
Javascript Date()函數(shù)
Javascript Date.setUTCHours()方法
JavaScript Array.forEach（）方法
在瀏覽器中啟用JavaScript
Javascript Date.setTime()方法
Javascript String.toLocaleUpperCase()方法
Javascript Date.setHours()方法
Javascript Date.constructor屬性
Javascript String.fixed()方法
Javascript Number對(duì)象
Javascript String.italics()方法
Javascript String.big()方法
Javascript String.fontcolor()方法
Javascript Date.getDay()方法
JavaScript IE4 DOM
Javascript Date.setMonth()方法
Javascript Date.setFullYear()方法
JavaScript函數(shù)字面值

JavaScript表單驗(yàn)證

表單驗(yàn)證用于發(fā)生在服務(wù)器，客戶端已經(jīng)輸入所有必要的數(shù)據(jù)，然后按下提交按鈕之后。如果一些已被輸入的客戶端的數(shù)據(jù)的已在錯(cuò)誤形式或者被簡(jiǎn)單地丟失，則服務(wù)器將必須的所有數(shù)據(jù)發(fā)送回客戶端，并請(qǐng)求的形式以正確的信息重新提交。這是一個(gè)漫長(zhǎng)的過(guò)程，會(huì)增加服務(wù)器負(fù)擔(dān)。

JavaScript中，提供了一種方法將其發(fā)送到web服務(wù)器之前驗(yàn)證客戶端的計(jì)算機(jī)上的形式的數(shù)據(jù)。表單驗(yàn)證通常執(zhí)行兩種方式。

  • 基本驗(yàn)證 - 首先，該表必須進(jìn)行檢查，以確保數(shù)據(jù)輸入的需要將其每一個(gè)表單字段。這將通過(guò)表格的每個(gè)字段只需要循環(huán)，并檢查數(shù)據(jù)。

  • 數(shù)據(jù)格式驗(yàn)證 - 其次，該被輸入的數(shù)據(jù)必須檢查正確格式和值。這將需要放置更多的邏輯來(lái)測(cè)試數(shù)據(jù)的正確性。

我們將舉一個(gè)例子來(lái)了解驗(yàn)證的過(guò)程。下面是簡(jiǎn)單的形式進(jìn)行：

<html>
<head>
<title>Form Validation</title>
<script type="text/javascript">
<!--
// Form validation code will come here.
//-->
</script>
</head>
<body>
 <form action="/cgi-bin/test.cgi" name="myForm"  
          onsubmit="return(validate());">
 <table cellspacing="2" cellpadding="2" border="1">
 <tr>
   <td align="right">Name</td>
   <td><input type="text" name="Name" /></td>
 </tr>
 <tr>
   <td align="right">EMail</td>
   <td><input type="text" name="EMail" /></td>
 </tr>
 <tr>
   <td align="right">Zip Code</td>
   <td><input type="text" name="Zip" /></td>
 </tr>
 <tr>
 <td align="right">Country</td>
 <td>
 <select name="Country">
   <option value="-1" selected>[choose yours]</option>
   <option value="1">USA</option>
   <option value="2">UK</option>
   <option value="3">INDIA</option>
 </select>
 </td>
 </tr>
 <tr>
   <td align="right"></td>
   <td><input type="submit" value="Submit" /></td>
 </tr>
 </table>
 </form>
 </body>
 </html>

基本表單驗(yàn)證：

首先，我們將展示如何做一個(gè)基本的表單驗(yàn)證。在上面的表格要求validate()函數(shù)來(lái)驗(yàn)證數(shù)據(jù)在onsubmit事件發(fā)生。以下是validate()函數(shù)的實(shí)現(xiàn)：

<script type="text/javascript">
<!--
// Form validation code will come here.
function validate()
{
 
   if( document.myForm.Name.value == "" )
   {
     alert( "Please provide your name!" );
     document.myForm.Name.focus() ;
     return false;
   }
   if( document.myForm.EMail.value == "" )
   {
     alert( "Please provide your Email!" );
     document.myForm.EMail.focus() ;
     return false;
   }
   if( document.myForm.Zip.value == "" ||
           isNaN( document.myForm.Zip.value ) ||
           document.myForm.Zip.value.length != 5 )
   {
     alert( "Please provide a zip in the format #####." );
     document.myForm.Zip.focus() ;
     return false;
   }
   if( document.myForm.Country.value == "-1" )
   {
     alert( "Please provide your country!" );
     return false;
   }
   return( true );
}
//-->
</script>

 

數(shù)據(jù)格式驗(yàn)證：

現(xiàn)在，我們將看到我們?nèi)绾螌⑵涮峤坏絎eb服務(wù)器之前，驗(yàn)證我們輸入的表單數(shù)據(jù)。

這個(gè)例子說(shuō)明了如何驗(yàn)證輸入的電子郵件地址，這意味著電子郵件地址必須至少包含一個(gè)@符號(hào)和一個(gè)點(diǎn)（.）。此外，@絕不能是電子郵件地址的第一個(gè)字符，最后點(diǎn)必須在@符號(hào)后面的一個(gè)字符：

<script type="text/javascript">
<!--
function validateEmail()
{
 
   var emailID = document.myForm.EMail.value;
   atpos = emailID.indexOf("@");
   dotpos = emailID.lastIndexOf(".");
   if (atpos < 1 || ( dotpos - atpos < 2 )) 
   {
       alert("Please enter correct email ID")
       document.myForm.EMail.focus() ;
       return false;
   }
   return( true );
}
//-->
</script>