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

Posted 2023-05-07

【中文标题】html输入字段限制手机上的数字[重复]

【英文标题】：html input field limit to numbers on phones [duplicate]

【发布时间】：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();
);

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

【参考方案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

【讨论】：

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