在创建用户向导上显示用户名的可用性，包括可用图像或不可用图像

我的想法是，当用户填写用户名文本框并在不刷新页面的情况下转到下一个文本框时，输入要由数据库检查的用户名，如果它不为空并且可用，那么在用户名一侧文本框显示可用图像，否则显示不可用的图像。

  <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;
  }
}

如何更改这些代码以按图像白化文本工作？