ASP.NET WebForms验证器仅在提交按钮点击后触发，而非字段失焦时

核心问题分析 #

你的验证仅在提交按钮点击后触发，本质是客户端验证未正确启用，且没有绑定输入框失去焦点时的验证触发逻辑。

具体修复步骤 #

1. 确保客户端验证开启 #

检查所有RegularExpressionValidator的EnableClientScript属性：

• 你给邮箱验证器设置了EnableClientScript="False"，这会强制只执行服务器端验证，必须改为EnableClientScript="True"（默认值就是True，也可直接删除该属性）。
• 其他验证器保持默认配置即可，确保客户端验证功能生效。

2. 补充正则验证规则 #

所有RegularExpressionValidator都缺少ValidationExpression属性——这是正则验证的核心规则，没有规则验证器无法正常工作。根据字段需求添加对应规则：

• 姓名：允许中英文和空格，示例规则：^[\u4e00-\u9fa5a-zA-Z\s]{2,20}$
• 学期：1-8的数字，示例规则：^[1-8]$
• 邮箱：标准邮箱格式，示例规则：\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
• 密码：至少6位包含字母数字，示例规则：^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{6,}$

3. 绑定blur事件触发验证 #

ASP.NET验证器默认不会在输入框失去焦点时自动触发，需给每个TextBox添加客户端事件，调用对应验证器的验证函数：

• 给TextBox添加onblur属性，通过<%= 验证器ID.ClientID %>获取验证器的客户端ID，再调用ValidatorValidate()方法触发验证。

修复后的完整代码示例 #

<asp:Label ID="Label2" runat="server" Text="Name"></asp:Label>
<br />
<asp:TextBox ID="nametxt" runat="server" onblur="ValidatorValidate(document.getElementById('<%= RegularExpressionValidator1.ClientID %>'))"></asp:TextBox>
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
    ErrorMessage="请输入2-20位中英文姓名" 
    ControlToValidate="nametxt" 
    ForeColor="#CC0000"
    ValidationExpression="^[\u4e00-\u9fa5a-zA-Z\s]{2,20}$">
</asp:RegularExpressionValidator>
<br />

<asp:Label ID="Label3" runat="server" Text="学期"></asp:Label>
<br />
<asp:TextBox ID="semtxt" runat="server" onblur="ValidatorValidate(document.getElementById('<%= RegularExpressionValidator2.ClientID %>'))"></asp:TextBox>
<asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" 
    ErrorMessage="请输入1-8的数字" 
    ControlToValidate="semtxt" 
    ForeColor="#CC0000"
    ValidationExpression="^[1-8]$">
</asp:RegularExpressionValidator>
<br />

<asp:Label ID="Label4" runat="server" Text="邮箱"></asp:Label>
<br />
<asp:TextBox ID="emailtxt" runat="server" onblur="ValidatorValidate(document.getElementById('<%= RegularExpressionValidator3.ClientID %>'))"></asp:TextBox>
<asp:RegularExpressionValidator ID="RegularExpressionValidator3" runat="server" 
    ErrorMessage="请输入正确的邮箱格式" 
    ControlToValidate="emailtxt" 
    ForeColor="Red"
    ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*">
</asp:RegularExpressionValidator>
<br />

<asp:Label ID="Label5" runat="server" Text="密码"></asp:Label>
<br />
<asp:TextBox ID="passtxt" runat="server" TextMode="Password" onblur="ValidatorValidate(document.getElementById('<%= RegularExpressionValidator5.ClientID %>'))"></asp:TextBox>
<asp:RegularExpressionValidator ID="RegularExpressionValidator5" runat="server" 
    ErrorMessage="密码需至少6位，包含字母和数字" 
    ControlToValidate="passtxt" 
    ForeColor="#CC0000"
    ValidationExpression="^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{6,}$">
</asp:RegularExpressionValidator>
<br />

<asp:Label ID="Label6" runat="server" Text="确认密码"></asp:Label>
<br />
<asp:TextBox ID="copasstxt" runat="server" TextMode="Password" onblur="ValidatorValidate(document.getElementById('<%= RegularExpressionValidator7.ClientID %>'))"></asp:TextBox>
<asp:RegularExpressionValidator ID="RegularExpressionValidator7" runat="server" 
    ErrorMessage="确认密码格式需与密码一致" 
    ControlToValidate="copasstxt" 
    ForeColor="#CC0000"
    ValidationExpression="^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{6,}$">
</asp:RegularExpressionValidator>
<br />
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click1" Text="Submit" />
<br />

额外优化建议 #

• 确认密码字段更适合用CompareValidator与密码框做内容对比，比正则验证更精准，示例代码：

<asp:CompareValidator ID="CompareValidator1" runat="server"
    ErrorMessage="两次密码输入不一致"
    ControlToValidate="copasstxt"
    ControlToCompare="passtxt"
    ForeColor="#CC0000">
</asp:CompareValidator>

• 密码框添加TextMode="Password"属性，符合常规用户体验。

内容的提问来源于stack exchange，提问作者Naman Patel