单输入框序列号/参考号校验及回车触发查询问题求助

先针对输入框的校验逻辑做针对性修改，同时补充提交前的完整校验，覆盖所有输入场景：

修改后的TS代码 #

onInputKeydown(event: KeyboardEvent){
    const key = event.which;
    if (key === 13) {
        // 提交前做完整格式校验
        if (this.isInputValid(this.caseNumber)) {
            this.docManagerService.getCaseMetadata(this.caseNumber);
        } else {
            // 可在此处添加用户提示，比如弹出错误信息
            console.warn("输入格式错误，请输入8位纯数字，或首字母A加7位数字");
        }
    }
}

validationRules(event: KeyboardEvent){
    // 允许退格、删除、方向键等编辑类按键
    const allowedControlKeys = [8, 9, 13, 37, 38, 39, 40, 46];
    if (allowedControlKeys.includes(event.which)) {
        return true;
    }

    const currentInputLength = this.caseNumber.length;
    const pressedChar = event.key.toUpperCase();

    // 第一位输入：允许数字或大写A
    if (currentInputLength === 0) {
        return /^[0-9A]$/.test(pressedChar);
    }
    // 第2-8位输入：仅允许数字
    else if (currentInputLength >= 1 && currentInputLength < 8) {
        return /^[0-9]$/.test(pressedChar);
    }
    // 超过8位禁止输入
    return false;
}

// 完整格式校验方法，覆盖粘贴等keypress无法拦截的场景
isInputValid(input: string): boolean {
    if (!input || input.length !== 8) return false;
    // 匹配两种合法格式：纯8位数字 / 首字母A+7位数字
    const validPattern = /^(\d{8}|A\d{7})$/;
    return validPattern.test(input);
}

关键修改说明 #

1. 修正原代码错误：原validationRules里的event.Keycode是大小写拼写错误，改为用event.which或event.key更可靠
2. 分位置限制字符：
   • 输入第1位时，仅允许数字（0-9）或大写字母A
   • 输入第2到8位时，仅允许数字输入
3. 保留编辑权限：允许退格、方向键等操作，避免用户无法正常修改输入内容
4. 补充提交校验：仅靠keypress校验无法覆盖粘贴、拖拽输入等场景，在回车触发查询前做一次完整格式校验，确保输入完全符合规则

HTML代码无需调整 #

原HTML的事件绑定逻辑已经适配修改后的方法，保持原样即可：

<input #input type="text" maxlength="8" pInputText [(ngModel)]="caseNumber" placeholder="Enter Reference or Serial #" (keydown)="onInputKeydown($event)" (keypress)="validationRules($event)" class="srnumber" />

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