客户端验证完成后服务器端验证未触发问题求助

核心问题分析 #

客户端验证函数已执行，但服务器端验证及Page_Load均未触发，说明表单提交被客户端逻辑阻止，大概率是客户端验证函数的逻辑错误导致e.IsValid未被正确设置，从而中断了提交流程。

具体修复步骤 #

1. 修正客户端验证函数的大小写错误

ASP.NET客户端验证参数e的属性是小写的value，而非大写的Value，原代码中混用大小写会导致无法正确获取输入值，进而导致验证逻辑失效。

修正后的JS代码：

function checkvalidEmail(sender, e) {
    var isValid = true;
    // 修正为小写e.value
    isValid = (/[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})/g).test(e.value.toLowerCase());
    if (isValid && (e.value.indexOf('<') > -1 || e.value.indexOf('>') > -1)) {
        isValid = false;
    }
    console.log({ isValid, value: e.value });

    e.IsValid = isValid;
    // 移除多余的return语句（ASP.NET客户端验证无需返回值）
}

2. 清理服务器端验证函数的冗余代码

服务器端验证函数中Validate()是冗余调用（ASP.NET会自动触发验证流程），且在验证函数中设置按钮Enabled状态时机错误，应将按钮状态逻辑移至点击事件中。

修正后的C#代码：

protected void checkvalidEmail_ServerValidate(object sender, ServerValidateEventArgs e)
{
    try
    {
        var addr = new System.Net.Mail.MailAddress(e.Value.ToLower());
        e.IsValid = true;
    }
    catch(Exception exc)
    {
        e.IsValid = false;
    }
}

// 在按钮点击事件中处理业务逻辑及控件状态
protected void BtnScreenSingleSignOnContinueClick(object sender, EventArgs e)
{
    // 执行提交后的业务逻辑
    btnCompatibleScreenSingleSignOnContinue.Enabled = false; // 可选：防止重复提交
}

3. 可选：客户端实时控制按钮状态

若需要用户输入有效邮箱时即时启用按钮，可给文本框添加onkeyup事件，实时触发验证并更新按钮状态：

<asp:TextBox ID="txtScreenSingleSignOnEmailText" runat="server" 
             CssClass="w-100 mb-5 text-input" type="email" 
             onkeyup="updateButtonStatus()"></asp:TextBox>

对应的JS函数：

function updateButtonStatus() {
    var validator = document.getElementById('<%= CustomValidatorEmail.ClientID %>');
    var button = document.getElementById('<%= btnCompatibleScreenSingleSignOnContinue.ClientID %>');
    
    // 手动触发验证
    ValidatorValidate(validator);
    // 根据验证结果启用/禁用按钮
    button.disabled = !validator.isvalid;
}

4. 排查其他阻止提交的因素

• 检查页面是否存在其他JS代码（如表单onsubmit、按钮onclick事件）阻止了默认提交行为；
• 确认验证组valgroupScreenSingleSignOn在所有相关控件中保持一致，无拼写错误。

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