1

我只是在进行表单验证，其中电话号码必须是数字！该代码在 chrome 中运行良好，但在 Firefox 和 IE 中运行良好。请给我一些解决方案

我的代码如下

function noLet(event) {
    if (event.keyCode == 46 || event.keyCode==8 || event.keyCode > 47 && event.keyCode <      58) {
        event.returnValue = true;
    } 
    else {
        event.returnValue = false;
    }
}

HTML：

 onkeypress="noLet(e)"><label id="mobph"></label><font 

size="1"><br>Max 10 numbers only allowed!</font>
4

4 回答 4

2

我可以建议以下代码来解决您的问题。这就是我正在做的事情。在 IE 和 chrome 和 firefox 中测试和工作就像一个魅力：

//return numbers and backspace(charCode == 8) only
function noLet(evt) {
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode >= 48 && charCode <= 57 || charCode == 8)
        return true;
    return false;
于 2014-10-17T16:12:19.837 回答
1

您可以使用键/字符代码来检测按下的键是数字还是非数字。首先，您必须检测跨浏览器的键/字符代码（请记住event.keypress用作您的事件以进一步确保兼容性）。之后，将其从十进制值转换为字符。然后，您可以将其解析为整数，如果函数内的第一个值无法解析为 int，则使用parseInt()which 将返回。NaN如果是，则阻止默认操作NaN。

var numbersOnly = function(e){
    var charCode = (typeof e.which === "number") ? e.which : e.keyCode,
        chr = String.fromCharCode(charCode);
    if(isNaN(parseInt(chr, 10))) e.preventDefault();
}

<input type="text" name="phoneNumber" onkeypress="numbersOnly(event);">
于 2012-08-05T06:08:02.250 回答
0

因为至少在 Firefox 上，它charCode不在keyCode按键处理程序中，并且“returnValue”被忽略（调用preventDefault()以停止插入）。

于 2012-08-05T06:12:38.257 回答
0

存在浏览器兼容性问题。这是我在一些RND. 希望它会以某种方式对您有所帮助；点击这里

于 2017-04-18T11:59:11.890 回答