显示createUserWizard上用户名的可用性,包含可用图像或不可用图像

时间:2014-04-01 17:03:09

标签: c# asp.net

我的想法是,当用户填写用户名文本框并转到下一个文本框而不刷新页面时,输入的用户名将被数据库检查,如果它不是空的并且可用,那么在用户名文本框的一侧显示可用的图像和else显示不可用的图像。但我找到的代码是:

  <asp:UpdatePanel runat="server" ID="up1">
  <ContentTemplate>
                            <tr>
                                <td align="right">
                                    <asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName">نام کاربری :</asp:Label>
                                </td>

                                <td>
                     <asp:TextBox ID="UserName" AutoPostBack="true" OnTextChanged="Username_Changed" size="23" class="field" runat="server"></asp:TextBox>
                          <br />     <div runat="server" visible="false" id="UserAvailability"></div>   <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName" ErrorMessage="نام کاربری نمیتواند خالی باشد." ToolTip="User Name is required." ValidationGroup="CreateUserWizard1" ForeColor="#CC0000">*</asp:RequiredFieldValidator>
                                </td>
                            </tr>

        </ContentTemplate>
</asp:UpdatePanel>

.cs代码:

    protected void Username_Changed(object sender, EventArgs e)
{
  if (Membership.GetUser(UserName.Text) != null)
  {
    UserAvailability.InnerText = "this username is unavailable";
    UserAvailability.Attributes.Add("class", "taken");
    UserAvailability.Visible = true;

  }
  else
  {
    UserAvailability.InnerText = "username is available";
    UserAvailability.Attributes.Add("class", "available");
    UserAvailability.Visible = true;
  }
}

如何通过图像白化文本更改这些代码?

1 个答案:

答案 0 :(得分:1)

使用DIV标记的.innerHTML方法,这样您就可以使用图片标记而不是短信。祝你好运