分类目录归档:ext

Ext.net 表单验证demo

实现代码如下:

   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方法,用来清空验证失败标志。