ASP.NET RequiredFieldValidator“消息”有效

Question

我目前正在使用ASP.NET来验证表单，而不是在字段无效的情况下给出错误消息，而是使用图标显示绿色的选中标记或红色的感叹号。

<div class="name-field">
    <asp:TextBox ID="RealName" Name="user-name" placeholder="请输入姓名" runat="server" CssClass="user-name" />
    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="RealName" CssClass="name-reset" ErrorMessage="<img src='image/mobile/exclamation-mark.png'>" />
</div>

现在，该字段无效，我正在使用“ ErrorMessage = ...”设置错误图标。 如果用户正确输入了所有内容，我还能设置有效图标的最佳方法是什么？

谢谢。

Answer 1

好，你可以试试看

<asp:TextBox ID="TextBox1" runat="server" AutoPostBack="True"   ontextchanged="TextBox1_TextChanged">

您的班级代码

protected void TextBox1_TextChanged(object sender, EventArgs e)
{
  //eg: Label1.Text = Server.HtmlEncode(TextBox1.Text);
  //you type your code here 
}

Answer 2

你可以试试这个

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Error" ControlToValidate="TextBox1"><img src="img src=image/mobile/exclamation-mark.png"/></asp:RequiredFieldValidator> 

Answer 3

尝试将图像标签插入RequiredFieldValidator标签内，如下所示：

<div class="name-field">
<asp:TextBox ID="RealName" Name="user-name" placeholder="请输入姓名" runat="server" CssClass="user-name" />
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="RealName" CssClass="name-reset">
    <img src="image/mobile/exclamation-mark.png" />
</asp:RequiredFieldValidator>