HTML发票信息表单制作教程

发票必填字段有哪些？别漏掉税务要求的硬性项

普通企业开票至少要这 6 个字段，缺一不可，且名称/格式必须匹配财税系统预期：

• invoiceTitle：单位全称，必须与营业执照完全一致（含“有限公司”“有限责任公司”等字眼，差一个字可能退票）
• taxNumber：统一社会信用代码，15 或 18 位，需用正则 /^[0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}$/ 校验（注意不是所有字母都允许）
• bankName 和 bankAccount：开户行全称（不能简写为“工行XX支行”，得写“中国工商银行股份有限公司XX支行”）+ 账号（19 位纯数字，不带空格或破折号）
• registerAddress 和 registerPhone：注册地址（精确到门牌号）+ 电话（带区号，如 010-87654321，不是手机号）

input 类型和属性怎么选？别让 type="text" 毁掉用户体验

用错 type 会导致移动端键盘弹错、桌面端无法触发浏览器自动填充，甚至被某些财税接口拒绝：

• 税号用 <input type="text" inputmode="verbatim" pattern="[0-9A-HJ-NPQRTUWXY]{15,18}"> —— inputmode="verbatim" 强制英文键盘，避免中文输入法混入全角字符
• 金额用 <input type="number" step="0.01" min="0.01">，但注意：iOS Safari 对 step 支持不稳定，建议额外用 JS 截断小数位（只保留两位）
• 联系电话用 <input type="tel" pattern="\d{4}-\d{8}|\d{3}-\d{8}|\d{11}">，别用 type="number" —— 它会删前导零，导致 010-xxxx 变成 10-xxxx

提交前校验怎么做？光靠 required 和 pattern 远远不够

浏览器原生校验只能拦住空值或明显格式错误，但发票场景下这些坑更常见：

• 税号通过正则但不存在：需调用第三方接口（如「全国企业信用信息公示系统」API）做实时核验，前端加 loading 状态，禁用提交按钮
• 单位名称含敏感词（如“个人”“个体户”）却选了“增值税专用发票”：必须 JS 判断 invoiceType === "special" && invoiceTitle.includes("个人") 并报错
• 银行账号长度对但校验位错误：用 Luhn 算法前端预检（尤其对公账户），减少后端返错次数
• 所有字段提交前转成 trim() + 去除全角空格（str.replace(/[\u3000\u00a0]/g, "")），否则财务系统常因空格拒收

真正卡住开发的往往不是表单渲染，而是字段语义和财税规则的咬合——比如“注册地址”在不同省份的开票平台要求字段名可能是 regAddress、registerAddr 或 companyAddress，对接前一定先看对方文档里的 exact field name。

以上就是《HTML发票信息表单制作教程》的详细内容，更多关于的资料请关注golang学习网公众号！