如何验证电话号码不包含任何其他字符，包括-和。在html页面中使用javascript，不应少于10位数字

Question

这是Adobe campaign的经典之作。

type="text" maxlength="10" pattern="[0-9]{10}"

它只允许10位数字，但接受-和.，我希望用户只输入10位，而不是更多，只接受数字。请帮帮忙。

Answer 1

您可以做的是在用户输入后替换非数字字符(\D)：

​

[...document.querySelectorAll('input[type="tel"]')].forEach(i =>
  i.addEventListener('input', () => i.value = i.value.replace(/\D/g, ''))
);

<input type="tel" maxlength="10" pattern="\d{10}" />

​