熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

十天學會ASP.net之第四天

2022-06-13   來源: .NET編程 

  學習目的掌握WEB控件的使用(二)

  首先我要說明我這十天教程也只是一個讓大家對ASPNET有一個認識而已我也跳過了很多東西網上有很多人在責罵我寫的教程認為十天什麼都學不會看了我的教程還是什麼都不會我想他們或許是過高估計了我的教程外面有很多書關於ASP和ASPNET的我就是看外面的書學會的我所要做的就是希望大家能看了我的教程以後覺得ASP和ASPNET不是學不會的東西然後有信心去學會它我想學習還是靠自己的外面每一本書也有自己寫的不周到的地方關鍵還需要自己的實踐加上探索

  首先來說一下表單的驗證控件以前我們做表單驗證如果是客戶端的JAVASCRIPT不能做到美觀統一而且還可以通過直接在浏覽器起教表單來屏蔽如果我們做服務器端驗證又會發現讓檢驗結果在前台反映也是很麻煩的事情現在好了ASPNET提供的很多檢驗控件讓我們不需要考慮是客戶端檢驗還是服務器端檢驗讓我們不需要考慮是怎麼輸出檢驗結果

  看一下檢驗表單控件是不是填寫了的檢驗控件先

  <asp:textbox id=username runat=server cssclass=textbox/>
  <asp:requiredfieldvalidator controltovalidate=username display=dynamic forecolor=#ff fontname=宋體 fontsize=pt text=請填寫 runat=server/>

  controltovalidate就是你想檢驗的控件的ID默認情況下不顯示錯誤消息地方也會被保留如果使用了display=dynamic 那麼不顯示錯誤消息的地方不會被空出 forecolor=#ff fontname=宋體 fontsize=pt 就是設定錯誤消息字體的顏色字體大小的text=請填寫 就是當沒有填寫內容時候顯示的錯誤消息別忘記最後的runat=server現在這個檢驗控件是放在了textbox的後面那麼錯誤消息也在textbox後面顯示也可以放在其他地方

  再看一下比較表單控件的數據與另外一個數據的檢驗控件

  <asp:textbox id=password runat=server textmode=password cssclass=textbox/>
  <asp:requiredfieldvalidator controltovalidate=password display=dynamic forecolor=#ff fontname=宋體 fontsize=pt text=請填寫 runat=server/>

  這裡是第一個需要用戶填寫的密碼框
  我們經常會再設立一個密碼框讓用戶再填寫一次

  <asp:textbox id=password runat=server textmode=password cssclass=textbox/>
  <asp:requiredfieldvalidator controltovalidate=password display=dynamic forecolor=#ff fontname=宋體 fontsize=pt text=請填寫 runat=server/>
  <asp:comparevalidator controltovalidate=password controltocompare=password display=dynamic operator=equal forecolor=#ff fontname=宋體 fontsize=pt text=確認失敗 runat=server/>

  controltocompare=password 就是需要比較的控件operator=equal 就是設定比較操作是是否相等(還有NotEqual不相等LessThan少於GreaterThan大於當不符合這個比較操作的時候顯示錯誤消息)

  以前說到BUTTON控件CausesValidation=true/false來設置按鈕提交的表單是不是被檢驗也就是這裡的幾個檢驗控件如果CausesValidation=true的話按下按鈕就會首先檢測是不是都通過了檢驗控件的檢驗

  下面再說兩點

  一每一個可以顯示的控件都有是不是顯示的屬性比如usernameVisible=false;就是隱藏了前面的username控件還有就是如果要對控件應用CSS的話就這麼寫cssclass=而不是以前HTML中的class=

  二所有WEB控件都要包含在<form runat=server></form>中否則就會出錯

  今天就到此結束請繼續往後面看下次開始就要說ADONET了


From:http://tw.wingwit.com/Article/program/net/201311/14780.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.