快捷導(dǎo)航

ASP.NET實(shí)現(xiàn)用戶(hù)注冊(cè)和驗(yàn)證功能(第4節(jié))

更新時(shí)間：2022年04月27日 14:39:43 投稿：lijiao

這篇文章主要介紹了ASP.NET實(shí)現(xiàn)用戶(hù)注冊(cè)和驗(yàn)證功能，學(xué)習(xí)ASP.NET驗(yàn)證控件的作用和使用方法，在此基礎(chǔ)上了解常用第三方控件，需要的朋友可以參考一下

在前幾篇文章中小編已經(jīng)為大家分享幾篇關(guān)于驗(yàn)證控件實(shí)現(xiàn)的文章，今天我們?cè)倬唧w為用戶(hù)登錄頁(yè)面添加輸入數(shù)據(jù)驗(yàn)證功能和驗(yàn)證碼功能。

學(xué)習(xí)內(nèi)容

1、創(chuàng)建ASP.NET應(yīng)用程序。

在E:\Solution1目錄下雙擊文件，運(yùn)行Visual Studio 2008。在“解決方案資源管理器”面板中，右擊“解決方案，在彈出的快捷菜單中選擇“添加”——“新建網(wǎng)站”命令，新建Chap4站點(diǎn)。

2、在站點(diǎn)Default.aspx頁(yè)面上先添加一個(gè)6行2列的表格，并添加控件,設(shè)計(jì)用戶(hù)注冊(cè)界面:添加6個(gè)texbox控件，分別為用戶(hù)名，密碼，確認(rèn)密碼，QQ，E-MAIL，驗(yàn)證碼，再添加一個(gè)Button控件，為提交。

3、在“密碼”的后面再添加控件為RequiredFieldValidator,在屬性面板Text中輸入“請(qǐng)輸入密碼”，同樣的方法為后面的幾個(gè)添加控件；添加完以后再在確認(rèn)密碼后面添加一個(gè)Comparevalidator控件，屬性面板中輸入請(qǐng)確認(rèn)密碼，在把ControlTovalidate改為T(mén)extBOX3，把ControltoCompar改為T(mén)extBOX2，operator為Equal；在“QQ”后面添加RegularExpressionValidator控件，用來(lái)驗(yàn)證輸入數(shù)據(jù)格式是否匹配某種的特定的模式，并對(duì)其屬性進(jìn)行編輯。在屬性面板中改為格式錯(cuò)誤，在ValidationExpression中改為中國(guó)郵政編碼，改為\d*.
為E-MAIL添加一個(gè)RegularExpressionValidator，，也在屬性面板中改為格式錯(cuò)誤，在ValidationExpression選中Internet電子郵件，在錯(cuò)誤信息上把Showmessagebox改為true,把showsummary改為false。

4、下載.dll文件添加到工具箱

在Visual Studio 2008的“解決方案資源管理器”面板中，右擊站點(diǎn)Chap4，在彈出的快捷菜單中選擇“添加ASP.NET文件夾”到Bin命令。在彈出的對(duì)話(huà)框中右擊“Bin文件夾”，在彈出的快捷菜單中選擇“添加引用”命令，在彈出的“添加引用”對(duì)話(huà)框中，選擇“瀏覽”選項(xiàng)卡，找到WebValidates.dll文件并添加到Bin文件夾下。

5、向頁(yè)面拖放控件并注冊(cè)。

6、編寫(xiě)代碼生成驗(yàn)證碼。

public partial class _Default : System.Web.UI.Page 
{
 protected void Page_Load(object sender, EventArgs e)
 {
 if (!IsPostBack)
 {
  SnCode.Create();
 }
 }
 private bool CheckCode()
 {
 if(SnCode.CheckSN(TextBox6.Text.Trim()))
 {
 return true;
 }
 else
 {
 SnCode.Create();
 return false;
 }
 }
 protected void Button1_Click(object sender, EventArgs e)
 {
  if (Page.IsValid)
  {
  if (!CheckCode())
  {
   Response.Write("<script>alert('驗(yàn)證碼錯(cuò)誤!')</scritp>");
  }
  }
 }
 protected void LinkButton1_Click(object sender, EventArgs e)
 {
  SnCode.Create();
 }
}

7、運(yùn)行Default.aspx.

運(yùn)行效果圖：