Ext.net 表單驗證

實現代碼如下:

   1:  <ext:SimpleForm ID="SimpleForm1" runat="server" Width="500px" BodyPadding="5px" EnableBackgroundColor="true"
   2:      Title="用戶註冊表單">
   3:      <Items>
   4:          <ext:TextBox ID="tbxUserName" runat="server" Label="用戶名" MinLength="3" Required="True"
   5:              ShowRedStar="True" Text="admin">
   6:          </ext:TextBox>
   7:          <ext:TextBox ID="tbxPassword" runat="server" Label="密碼" Required="True" ShowRedStar="True"
   8:              TextMode="Password">
   9:          </ext:TextBox>
  10:          <ext:Button ID="btnRegister" runat="server" Text="註冊" OnClick="btnRegister_Click"
  11:              ValidateForms="SimpleForm1" ValidateTarget="Top">
  12:          </ext:Button>
  13:      </Items>
  14:  </ext:SimpleForm>
   1:  protected void btnRegister_Click(object sender, EventArgs e)
   2:  {
   3:      if (tbxUserName.Text == "admin")
   4:      {
   5:          tbxUserName.MarkInvalid(String.Format("'{0}' 是保留字,請另外選擇!", tbxUserName.Text));
   6:   
   7:          Alert.ShowInTop("表單服務器端驗證失敗!");
   8:      }
   9:  }

其中,文本輸入框的MarkInvalid是代碼的關鍵,它會像客戶端驗證那樣爲文本輸入框添加一個驗證失敗的提示圖標和文本。

除此之外,我們還提供了ClearInvalid方法,用來清空驗證失敗標誌。


更多文章,請移步到http://blog.haoitsoft.com,謝謝!
還可以通過好電影網:www.haotv8.cc,看你喜歡的電影,勞逸結合,效率更高哦!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章