javascript - 检查字符串是否遵循 JavaScript 中给定的模式

Question

我对 javascript 还很陌生，我正在尝试验证我的表单。我的输入之一是身份号码的文本输入，遵循以下模式:####XX，其中 # 代表数字，X 代表 A-Z 的大写字母。

这是迄今为止我的代码:

var IDnum = document.getElementById('identityNumber').value;
if (  (isNaN(IDnum.charAt(0)))  && (isNaN(IDnum.charAt(1)))&& (isNaN(IDnum.charAt(2))) && (isNaN(IDnum.charAt(3))) && (!isNaN(IDnum.charAt(4))) )
{
    document.getElementById('identityError').style.display = "inline-block";
}
else
{
    document.getElementById('identityError').style.display = "none";
}

我尝试用谷歌搜索它并看到一些他们使用正则表达式的信息，但我还没有学到类似的东西。

使用上面的代码，无论我输入什么，它仍然会验证它。有什么想法我做错了吗？是否有更简单、更容易的方法？

编辑:查看正则表达式和类似答案后，如下

^\d{4}[A-Z]{2}$

也没用

Answer 1

正则表达式是这里的方法。使用模式 ^\d{4}[A-Z]$:

document.querySelector('button').addEventListener('click', (e) => {
  const { value } = document.querySelector('input');
  if (value.match(/^\d{4}[A-Z]$/)) {
    console.log('OK');
  } else {
    console.log('Bad');
  }
});

<input>
<button>submit</button>

^\d{4}[A-Z]$ 表示:

^ - 匹配字符串的开头

\d{4} - 匹配数字字符(0 到 9)4 次

[A-Z] - 匹配从 A 到 Z 的字符

$ - 匹配字符串结尾