javascript - HTML输入只接受0-9(英文数字)和০-৯(孟加拉语数字)？

Question

我有一个 html 输入字段。我只想允许 [0-9] (英文数字)和[০-৯] (孟加拉语数字)

如果我使用 type='number'那么它只支持[0-9]不支持[০-৯] .

如果我使用 type='text'那么它支持任何类型的字符

请问有什么想法吗？

Answer 1

如果你想完全禁止用户插入非数字数字，那么你应该覆盖 keydown事件并在 key 不正确时阻止它。您还可以添加粘贴事件以仅允许仅包含允许字符的粘贴事件。

var allowedKeys = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9",
  "ARROWRIGHT", "ARROWLEFT", "TAB", "BACKSPACE", "DELETE", "HOME", "END", "০", "১", "২", "৩", "৪", "৫", "৬", "৭", "৮", "৯"
];

if (document.readyState === "complete") onLoad();
else addEventListener("load", onLoad);

function onLoad() {
  document.querySelectorAll("input.numeric").forEach(function(input) {
    input.addEventListener("keydown", onInputKeyDown);
    input.addEventListener("paste", onInputPaste);
  });
}

function onInputKeyDown(event) {
  if (!allowedKeys.includes(event.key.toUpperCase()) && !event.ctrlKey) {
    event.preventDefault();
  }
}

function onInputPaste(event) {
  var clipboardData = event.clipboardData || window.clipboardData;
  if (/^[0-9০-৯]+$/g.test(clipboardData.getData("Text"))) return;
  event.stopPropagation();
  event.preventDefault();
}

<input type="text" class="numeric">