javascript - 移动设备上输入的数字的最大长度

Question

我有一个数字类型输入字段，其中有最大限制。问题是最大输入在网络上工作正常，但在 Android 上有问题。

即使您输入十一个数字，它也允许您输入特殊字符，例如“-，+”等。我怎样才能防止这种情况发生。输入字段只能包含 11 个数字。

这是我的代码；

function maxLengthCheck(object) {
  if (object.value.length > object.max.length)
    object.value = object.value.slice(0, object.max.length)
}

<input type="number" name="abc" id="abcInput" placeholder="Some Placeholder" autocomplete="off" tabindex="3" maxlength="11" min="1" max="99999999999" oninput="maxLengthCheck(this)">

Answer 1

您可以尝试parseFloat并使用isNaN检查它是否是一个数字:

function maxLengthCheck(object) {
  if (isNaN(parseFloat(object.value))) {
    object.value="";
  }
  if (object.value.length > object.max.length) {
    object.value = object.value.slice(0, object.max.length)
  }
}

<input type="number" name="abc" id="abcInput" placeholder="Some Placeholder" autocomplete="off" tabindex="3" maxlength="11" min="1" max="99999999999" oninput="maxLengthCheck(this)">

在非数字输入的情况下清空输入似乎是 Mac 上的 Firefox 默认执行的操作。