html输入字段限制手机上的数字[重复]答案

【问题标题】：html input field limit to numbers on phones [duplicate]html输入字段限制手机上的数字[重复]
【发布时间】：2013-01-31 14:08:46
【问题描述】：

我有一个输入字段，我只希望能够输入数字 0 - 9 而没有其他内容。它是一个移动网站，因此它在手机上运行很重要。我发现以下代码在台式机上完美运行，但在手机上没有任何作用。

$("#phone").keypress(function (event) {
    var code = (event.keyCode ? event.keyCode : event.which);
    if (code < 48 || code > 57) event.preventDefault();
});

有谁知道我如何在手机上实现与上述代码相同的功能？

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

关键代码

/*Only number*/
 $(".numb").keydown(function(event) {
            if ( event.keyCode == 190 || event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 || event.keyCode == 13 || (event.keyCode == 65 && event.ctrlKey === true) || (event.keyCode >= 35 && event.keyCode <= 39)) {

        if(event.keyCode == 190){
            if($(this).val().indexOf('.')!=-1){
                  event.preventDefault();
                }

            }
        return;
    }
    else {

        if (event.shiftKey || (event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105 )) {

            event.preventDefault();
            }
    }
});

【讨论】：

【解决方案2】：

html5 引入了一些您可以使用的新输入类型：

<input type="number" name="phone" />

见http://www.w3schools.com/html/html5_form_input_types.asp

【讨论】：

不，这不起作用，因为我仍然可以输入以下字符： , 。 - +