javascript asp教程第五課

javascript asp教程第五課–合二為一

最後更新：2018-12-08 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

兩條防線，一個函數：
試問你如何能保證用戶端和伺服器端具有相同的功能？表單域的驗證閃現在我們眼前。別人把你的html複製到另外一個指令碼，然後改變用戶端的表單域驗證--這並不是一件難事。擺在眼前的解決方案是將表單域的驗證放置在伺服器端。但那又意味著因為使用者的一個小錯誤，都要給伺服器端要返回一串的錯誤資訊。那麼，我們何不同時擁有二者呢？不僅僅如此，我們還可以在用戶端和伺服器端使用同一個javascript函數來保證二者的絕對一致性。
看看下面這一小段，請特別注意一下checkMyZip()函數。複製代碼代碼如下:<%@LANGUAGE="JavaScript"%>
<%
//No ASP Here, just a regular HTML Page
%>
<HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--Hide
function checkMyZip(zipCode)
{
var myRegularExpression=/(^\d{5}$)|(^\d{5}-\d{4}$)/
if (myRegularExpression.test(zipCode) == true)
{
return nothingIsWrong();
}
else
{
return somethingIsWrong();
}
}

function nothingIsWrong()
{
//Do nothing
return true
}

function somethingIsWrong()
{
alert("Something is wrong with the zip code you provided.")
document.zipCodeForm.zipCodeText.focus()
return false;
}
//Stop Hiding-->
</SCRIPT>
<STRONG>Type a valid U.S. Postal zip code into the box, and submit it.</STRONG>
<FORM NAME="zipCodeForm" ACTION="script05a.asp" METHOD="Post"
onSubmit="return checkMyZip(document.zipCodeForm.zipCodeText.value)">
<INPUT TYPE="Text" NAME="zipCodeText"><BR>
<BR>
<INPUT TYPE="Submit" VALUE="Submit">
</FORM>
</HTML>

我們在本課中看到的就是作為你用javascript來編寫asp指令碼的一個最大的回報。看看下邊的指令碼，然後再次注意checkMyZip()函數。複製代碼代碼如下:<%@LANGUAGE="JavaScript"%>
<%
function checkMyZip(zipCode)
{
var myRegularExpression=/(^\d{5}$)|(^\d{5}-\d{4}$)/
if (myRegularExpression.test(zipCode) == true)
{
return nothingIsWrong();
}
else
{
return somethingIsWrong();
}
}

function nothingIsWrong()
{
//Do nothing
return true
}

function somethingIsWrong()
{
return false;
}

var zipCode=new String(Request.Form("zipCodeText"))

if (checkMyZip(zipCode)==true)
{
Response.Write("<HTML>\r")
Response.Write("The zip code you provided... ")
Response.Write("<FONT COLOR=\"RED\">")
Response.Write(zipCode + "</FONT> is good.\r")
Response.Write("</HTML>\r")
}
else
{
Response.Write("<HTML>\r")
Response.Write("The zip code you provided... ")
Response.Write("<FONT COLOR=\"RED\">")
Response.Write(zipCode + "</FONT> has a problem.\r")
Response.Write("</HTML>\r")
}

這並不是最完美的列子，但是它包含了我們所要講授的要點。用戶端和伺服器端嚴正資料的函數是完全一樣的。支援函數是一樣的餓，但是變化確是明顯的。僅僅是個玩笑，讓我們來看看下面的指令碼。它並沒有用戶端驗證。複製代碼代碼如下:<%@LANGUAGE="JavaScript"%>
<%
//No ASP Here, just a regular HTML Page
%>
<HTML>
<STRONG>Type a zip code (with no client side validation)
into the box submit it.</STRONG>
<FORM NAME="zipCodeForm" ACTION="script05a.asp" METHOD="Post">
<INPUT TYPE="Text" NAME="zipCodeText"><BR>
<BR>
<INPUT TYPE="Submit" VALUE="Submit">
</FORM>
</HTML>

第一部分小節：
這是本課程計劃第一部分的小節。有過用vbscript編寫asp的朋友並不需要在本站上有更進一步的研究。他們現在可以使用他們用戶端指令碼的提示去將任何的函數（子程式），任何的頁面，或者是任何的應用程式轉換為javascript。
其他的朋友則需要留下來繼續我們在第二部分的旅程。

本節原文及範例地址：http://aspjavascript.com/lesson05.asp
原文作者：James Clark 翻譯：huahua 轉載請註明

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More