jquery - 防止手机上的电话输入出现特殊字符？

Question

我目前正在为一个网站开发一个表单，并发现尽管使用 jQuery 来阻止输入中的特殊字符“type="tel"”，您仍然可以从移动键盘输入 # 和 * 字符。

我们使用以下 jQuery 来防止在桌面上使用特殊字符:

    $(".number-only").keydown(function (e) {
    if ($.inArray(e.keyCode, [46, 8, 9, 27, 13]) !== -1 ||
         // Allow: Ctrl+A
        (e.keyCode == 65 && e.ctrlKey === true) ||
         // Allow: Ctrl+C
        (e.keyCode == 67 && e.ctrlKey === true) ||
         // Allow: Ctrl+X
        (e.keyCode == 88 && e.ctrlKey === true) ||
         // Allow: home, end, left, right
        (e.keyCode >= 35 && e.keyCode <= 39)) {
             // let it happen, don't do anything
             return;
    }

    if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
        e.preventDefault();
    }
}); 

表单输入具有以下 html:

<input type="tel" name="income" id="income" placeholder="E.g 10000" class="money number-only" pattern="[0-9]*" required>

代码是否还需要更多东西，或者有人知道可以阻止这些键的方法吗？也许他们有自己的 key 代码？

Answer 1

您确定在移动设备中获得了正确的键码吗？您尝试过打印吗？

使用 jQuery 检索键码的标准跨浏览器方法是 event.which。 Refer to this answer .