如何验证有效

Question

如何在有效用法的文本框旁边显示绿色复选框图像？
当用户转到下一个文本框时，我试图显示这个。

这是我的无效使用代码

<asp:TextBox ID="TextBoxEMail" runat="server" ValidationGroup="Valid1"></asp:TextBox>

<asp:RegularExpressionValidator ID="RegularExpressionValidator1"
runat="server" ErrorMessage="EMail is invalid"
ControlToValidate="TextBoxEMail"
ValidationGroup="Valid1" Display="Dynamic" ForeColor="Red"
ValidationExpression="^([0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*@([0-9a-zA-Z][-\w]*
[0-9a-zA-Z]\.)+[a-zA-Z]{2,9})$"></asp:RegularExpressionValidator>

Answer 1

您可以使用 JavaScript（或 jQuery）来完成。这是 javascript.

的示例

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs"     Inherits="WebApplication1.Test" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <link type="text/css" rel="stylesheet" href="Content/Site.css" />
    <title></title>

    <script type="text/javascript">
        function checkMailAddress(tb) {
            var regEx = RegExp(/^(([^<>()\[\]\.,;:\s@"]+(\.[^<>()\[\]\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/);
            var img = document.getElementById("imgValidate");
            if (regEx.test(tb.value)) {
                img.style.display = "block";
            }
            else
                img.style.display = "none";
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:TextBox ID="txtEmail" runat="server" onchange="checkMailAddress(this)"></asp:TextBox>
            <asp:Image ID="imgValidate" runat="server" Height="18px" ImageUrl="~/Images/Ok.png" Width="22px" CssClass="validationImage" />

        </div>
    </form>
</body>
</html>

并且在 site.css 中：

.validationImage
{
    display:none;
}

site.css 在项目的 Content 文件夹中。图像 Ok.png 在图像文件夹中。

如何验证有效

How to verify on valid

c#

asp.net

unobtrusive-validation