税号字段需同时满足前端强校验与后端复核：用required+pattern（如18位统一社会信用代码正则）+title提供明确提示；正确控制显示/隐藏逻辑，避免空值提交；设autocomplete="off"并规范name属性防自动填充；服务端必须用专业库二次校验长度、校验码及编码段合法性。
HTML 表单里怎么让税号字段真正必填（不只是视觉提示）
光加 required 不够，税务系统验票时会校验格式和长度，浏览器原生校验只管空不空。必须配合 pattern 和 title 给用户明确反馈。
-
pattern建议用正则：^[0-9A-HJ-NPQRTUWXY]{2}[0-9]{6}[0-9A-Z]{10}$（适用于中国统一社会信用代码，含数字+大写字母，共18位） - 别漏掉
title属性，否则 Chrome 等浏览器 hover 时看不到提示文字，比如：title="请输入18位统一社会信用代码" - 如果后端还接受旧版15位国税/地税号，
pattern得改成可选分支，但注意：正则太宽泛会绕过校验，不建议兼容老号
发票页面税号字段显示逻辑怎么写才不翻车
“条件显示”不是靠 JS 拦截提交，而是根据发票类型实时切换 DOM 状态。常见错误是用 display: none 隐藏后仍提交空值，或用 disabled 导致字段不进表单数据。
- 该显示时用
input[type="text"]+required+pattern；该隐藏时用remove()或setAttribute('name', '')，确保不参与表单序列化 - 别在
change事件里直接操作required属性——要同步更新aria-required和视觉状态，否则屏幕阅读器和 CSS:required伪类会不同步 - 如果发票类型从“个人”切到“企业”，得清空并重置验证状态：
input.setCustomValidity('')，否则之前报的错会残留
为什么 tax_id 字段总被浏览器自动填充成邮箱？
Chrome、Edge 等基于 name 或 autocomplete 属性猜字段用途，把 tax_id 当成邮箱或电话填错是高频问题。
- 必须设
autocomplete="off"（注意：不是autocomplete="false"，后者无效） -
name别用email、phone、company这类敏感词，推荐name="invoice_tax_id" - 某些版本 Safari 对
autocomplete="off"无视，可加个隐藏同名字段骗过自动填充：<input type="text" name="invoice_tax_id" autocomplete="new-password" style="display:none">
服务端收到 tax_id 后还要再校验吗？
要。前端所有校验都可绕过，税务接口对税号有强规则：长度、校验码、编码段合法性（比如第1–2位必须是登记机关代码），光靠前端正则拦不住伪造数据。
立即学习“前端免费学习笔记（深入）”；
- 推荐用现成库校验，比如 Python 的
uscc-validator，Node.js 的china-id-validator，别手写校验码算法 - 特别注意：港澳台企业税号格式完全不同，如果业务支持，需单独识别前缀（如“M”、“L”、“F”开头）并走不同规则
- 日志里记录原始输入值，别只记“校验通过”，出问题时没法追溯是格式错还是网络劫持
税号字段看着简单，实际卡点全在前后端规则对齐和浏览器兼容细节上，漏掉任意一环都可能让整张发票退票。
