ASP.NET Core中为联系号码字段添加条件验证求助

嗨，我来帮你搞定这个条件验证的问题！根据你的需求——选Mobile（值1）时手机号必须以09开头，选Home（值2）时不做格式限制——我们可以从前端JS即时验证和后端模型验证两方面入手，既给用户友好的即时反馈，也能防止恶意绕过前端的情况。

一、前端JavaScript验证（补全你的validateContactNumber函数） #

首先完善你提到的验证函数，让它能根据选中的联系类型做对应检查：

function validateContactNumber() {
    // 获取选中的联系类型（假设你的单选框name是"ContactType"）
    const selectedContactType = document.querySelector('input[name="ContactType"]:checked')?.value;
    // 获取联系号码输入框的值（假设输入框id是"ContactNumber"）
    const contactNumber = document.getElementById('ContactNumber').value.trim();
    
    // 先清除之前的错误提示
    const errorElement = document.getElementById('contactNumberError');
    if (errorElement) {
        errorElement.remove();
    }

    // 基础必填判断（可选，根据你的实际需求调整）
    if (!selectedContactType) {
        alert("请选择联系类型");
        return false;
    }
    if (!contactNumber) {
        alert("请填写联系号码");
        return false;
    }

    // 核心条件验证逻辑
    if (selectedContactType === '1') { // 选中Mobile的情况
        // 正则匹配以09开头的号码，你可以根据需求调整长度（比如菲律宾手机号是11位，可改成/^09\d{9}$/）
        const mobilePattern = /^09\d+$/;
        if (!mobilePattern.test(contactNumber)) {
            // 创建错误提示并添加到输入框下方
            const errorMsg = document.createElement('div');
            errorMsg.id = 'contactNumberError';
            errorMsg.className = 'text-danger mt-1';
            errorMsg.textContent = '手机号码必须以09开头';
            document.getElementById('ContactNumber').parentNode.appendChild(errorMsg);
            return false; // 阻止表单提交
        }
    }
    // 选中Home的情况，直接通过验证
    return true;
}

然后在你的表单标签上绑定这个验证函数，确保提交时触发：

<form asp-page-handler="RegisterStepThree" method="post" onsubmit="return validateContactNumber();">

二、后端模型验证（防止前端绕过） #

前端验证只是给用户友好提示，后端必须再加一层验证，避免恶意请求。我们可以自定义一个验证属性：

1. 先创建自定义验证属性类：

using System.ComponentModel.DataAnnotations;

public class MobileNumberValidationAttribute : ValidationAttribute
{
    protected override ValidationResult IsValid(object value, ValidationContext validationContext)
    {
        // 获取当前的Registration模型实例
        var registrationModel = validationContext.ObjectInstance as Registration;
        if (registrationModel == null)
        {
            return ValidationResult.Success;
        }

        var contactNumber = value?.ToString().Trim();

        // 当联系类型是Mobile（值1）时，验证格式
        if (registrationModel.ContactType == 1)
        {
            if (string.IsNullOrEmpty(contactNumber) || !contactNumber.StartsWith("09"))
            {
                return new ValidationResult("手机号码必须以09开头");
            }
        }
        // Home类型不做格式验证，直接通过
        return ValidationResult.Success;
    }
}

2. 在你的Registration模型的ContactNumber属性上应用这个属性：

public class Registration
{
    // 联系类型字段（1=Mobile，2=Home）
    public int ContactType { get; set; }

    // 应用自定义验证属性
    [MobileNumberValidation]
    public string ContactNumber { get; set; }

    // 其他模型属性...
}

3. 最后在视图里显示后端返回的验证错误，确保用户能看到：

<div class="form-group">
    <label asp-for="ContactNumber" class="form-label"></label>
    <input asp-for="ContactNumber" class="form-control" />
    <!-- 显示后端验证错误 -->
    <span asp-validation-for="ContactNumber" class="text-danger"></span>
</div>

这样不管是前端用户操作还是后端接口请求，都能严格按照你的需求执行验证啦！

备注：内容来源于stack exchange，提问作者Erck