本文详解 jquery 中正则表达式校验字母数字（alphanumeric）输入的常见错误与正确写法，重点指出选择器遗漏 `#` 导致 dom 获取失败的问题，并提供健壮、可复用的校验方案。
在使用 jQuery 结合正则表达式进行表单输入校验时，一个看似微小的语法疏漏（如 ID 选择器缺失 #）会导致整个逻辑失效——这正是你遇到问题的根本原因：
var dangUS1 = $("dangerousUS1").val(); // ❌ 错误：缺少 #，jQuery 查找的是标签名 ，而非 ID 为 dangerousUS1 的元素 应修正为：
var dangUS1 = $("#dangerousUS1").val(); // ✅ 正确：# 表示 ID 选择器此外，还需注意以下关键点以确保校验逻辑真正生效：
✅ 1. 正则表达式需严格匹配字母数字（可选空格、下划线、点、短横线）
你当前的正则 /^[A-Za-z0-9 _.-]+$/ 允许空格、_、.、-，但不包含 @ 和 ! —— 这正是你期望的行为。若输入 @ 或 !，regx.test(dangUS1) 应返回 false，触发错误提示。但因 dangUS1 实际获取为空字符串（因选择器错误导致 undefined 或空值），/^[A-Za-z0-9 _.-]+$/.test("") 返回 false，而你的代码中却未处理空值场景，且后续逻辑可能受其他因素干扰。
更稳妥的做法是先确保值存在且非空：
if (dangerous === "Yes" && $("#dangerousUS1").val().trim() !== '') {
var dangUS1 = $("#dangerousUS1").val().trim(); // ✅ 加 trim() 去除首尾空格
var regx = /^[A-Za-z0-9 _.-]+$/;
if (regx.test(dangUS1)) {
console.log("✅ 合法输入：仅含字母、数字及允许的符号");
} else {
alert("❌ 输入非法：请仅使用字母、数字、空格、下划线（_）、点（.）或短横线（-）");
$("#dangerousUS1").focus(); // 自动聚焦便于修改
return false;
}
}✅ 2. 推荐增强版：仅允许纯字母数字（不含空格等符号）
若业务要求严格 Alphanumeric（即仅 a–z, A–Z, 0–9），应移除空格和符号：
var strictRegx = /^[A-Za-z0-9]+$/;
if (!strictRegx.test(dangUS1)) {
alert("❌ 仅允许英文字母和数字，不可包含空格、符号或中文");
}⚠️ 注意事项
- ID 选择器必须带 #，类选择器用 .，标签名直接写（如 div）；
- 使用 .trim() 防止用户输入纯空格被误判为合法；
- 在生产环境避免 alert()，建议改用 Toast 提示或表单内错误样式（如 addClass('error')）；
- 可结合 input 事件实时校验，提升用户体验：
$("#dangerousUS1").on("input", function() { const val = $(this).val().trim(); const isValid = /^[A-Za-z0-9 _.-]+$/.test(val); $(this).toggleClass("invalid", !isValid); });
通过修正选择器、强化空值与空格处理、明确正则语义，即可实现稳定可靠的字母数字校验。记住：前端校验仅为用户体验优化，服务端仍须做同等强度的验证，确保数据安全。
