javascript - 如何限制数字字段在oracle apex中只输入数字

Question

我是 oracle apex 的新手。目前我正在研究 oracle apex 5.0。我创建了一个类型为数字字段的元素。我想要这个字段来输入手机号码。所以，我使用了像“9999999999”这样的格式掩码。
现在的问题是，执行该应用程序后，我也可以输入字母。现在，我对其进行了验证，但我希望我的元素只接受数字作为输入。用户无法在其中添加任何字母。
我也试过，把 input type="tel" maxlength="10"和 input type="number" max="10"此代码在我的 HTML Form Element Attributes场以及HTML Form Element CSS Classes字段，但它不起作用。

无论我输入哪个查询 HTML Form Element Attributes这将导致如图所示的问题 Problem with HTML Form Element Attributes .现在，正如您在该图像中看到的那样，这次我添加了 <input type="tel" maxlength=10 pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}">这句话，但有同样的问题。
现在我也尝试将该语句放入 HTML Form Element CSS Classes ，这里没有出现该问题，但我仍然可以在其中添加字母。

请指导我如何做到这一点。

Answer 1

使用JavaScript监听onkeydown事件并检查keycode。

如果键码是字母，则阻止它被插入到输入元素中。要查看键码列表，请检查 here

function validateNumber(event) {
  var keyCode = event.keyCode;
  var excludedKeys = [8, 37, 39, 46];

  if (!((keyCode >= 48 && keyCode <= 57) ||
      (keyCode >= 96 && keyCode <= 105) ||
      (excludedKeys.includes(keyCode)))) {
    console.log("alphabets are not allowed");
    event.preventDefault();

  }

  console.log("keycode: " + keyCode);
}

<form>

  <div>
    <label>Mobile Number</label>
    <input type="tel" placeholder="Enter Mobile no" onkeydown="return validateNumber(event)" required>
  </div>


</form>

工作 fiddle