如何使用HTML正则表达式校验车牌号码-html教程-PHP中文网

HTML pattern属性不能准确校验车牌号，因不支持Unicode属性类、条件匹配等必要特性；需用pattern做粗筛（如[\u4e00-\u9fa5][A-Za-z][A-Za-z0-9]{5,6}|[\u4e00-\u9fa5][A-Za-z][DF][A-Za-z0-9]{5}），再通过JS补充省级白名单、I/O排除、新能源结构等校验。

如何使用html正则表达式校验车牌号码

HTML `pattern` 属性能校验车牌号吗？不能直接用

HTML 原生的 pattern 属性只支持 ECMAScript 5.1 的正则语法，不支持 Unicode 属性类（如 \p{Han}）、条件匹配、或复杂的中文字符范围控制——而国内车牌含汉字（如“京”“粤”）、字母、数字、且有地域性规则（新能源车加 D/F），纯靠 pattern 写一个**兼顾准确性和兼容性**的正则几乎不可能。

常见错误是直接贴一段看似完整的正则到 pattern 中，结果：输入“京A12345”通过了，但“京AB1234”也通过了（实际无效），或者“粤B D12345”这种新能源格式被拦住（实际合法）。

真正可行的做法是：用 pattern 做粗筛 + JS 补充校验，既保表单基础反馈，又不牺牲准确性。

用 `pattern` 做最小可行约束

给加一个宽松但有效的 pattern，只拦截明显非法输入（如纯数字、过长、含非法符号），避免用户输完再点提交才报错。

普通蓝牌（如 京A12345）：7位，首字汉字，第二位大写字母，后五位为字母或数字（但不能全字母）
新能源绿牌（如 粤B D12345 或 沪AD12345）：8位（带空格）或 7–8 位（无空格），含 D/F，且第2/3位有特定组合

推荐的 pattern 值（兼容所有现代浏览器）：

pattern="[\u4e00-\u9fa5][A-Za-z][A-Za-z0-9]{5,6}|[\u4e00-\u9fa5][A-Za-z][DF][A-Za-z0-9]{5}"

说明：

DeepBI DHTML 页面生成器

生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

下载

[\u4e00-\u9fa5] 匹配常见汉字（覆盖全部省级简称）
第一分支匹配蓝牌（7位）和部分8位旧式写法；第二分支优先匹配新能源（7位，含 D/F）
它不校验“是否真实存在该省份”或“字母是否在允许列表中”，那是 JS 层的事

JS 补充校验必须检查这三点

仅靠 pattern 会漏掉关键业务规则。以下检查必须在 input 的 change 或 blur 事件里做：

剔除空格、全角字符等干扰（value.replace(/[\u3000\s]/g, '')）
查省级简称白名单：["京","津","冀","晋","蒙",...,"新"]，避免用户输“鲁A123456”（超长）或“XXA12345”（不存在的省）
区分蓝牌/新能源并校验结构：
— 蓝牌：第2位必须是 ABCDEFGHJKLNOPQRSTUVWXYZ 中的字母（排除 I 和 O）；
— 新能源：第2位是字母，第3位必须是 D 或 F，且总长度为7（如 粤BD12345）或8（如 粤B D12345，需先去空格）

示例判断逻辑片段：

function isValidLicensePlate(str) {
  const cleaned = str.replace(/[\u3000\s]/g, '');
  const provinces = ["京","沪","津","渝","冀","晋","辽","吉","黑","苏","浙","皖","闽","赣","鲁","豫","鄂","湘","粤","桂","琼","川","贵","云","藏","陕","甘","青","宁","新","蒙"];
  if (!/^[\u4e00-\u9fa5][A-Z][A-Z0-9]{5,6}$/.test(cleaned)) return false;
  if (!provinces.includes(cleaned[0])) return false;
  if (cleaned.length === 7) {
    // 普通蓝牌：第2位不能是 I/O，后5位不能全字母
    if ("IO".includes(cleaned[1])) return false;
    if (/^[A-Z]{5}$/.test(cleaned.slice(2))) return false;
  }
  if (cleaned.length === 7 && "DF".includes(cleaned[2])) {
    // 新能源：第3位是 D/F，第2位必须是 A-Z（已满足），且第2位不能是 I/O？
    // 实际政策：新能源第2位可为 I/O，但第3位必须是 D/F → 此处按最新交管口径放行
  }
  return true;
}