输入 - 仅限移动浏览器上的数字

时间:2014-09-15 11:55:01

标签: javascript mobile input

我想要一个输入字段,您只能键入数字(不能使用逗号,点,标签,...)。我在javascript中有这个代码:

function nummer(evt)
{
    var charCode = (evt.which) ? evt.which : event.keyCode
    if (charCode > 31 && (charCode < 48 || charCode > 57))
    {
        return false;
    }
    return true;
}

和HTML

<input name="pers" type="tel" required="required" id="pers" autocomplete="off" onkeypress="return nummer(event)" size="2" maxlength="2" />

在桌面浏览器上,这种方法很完美,但在移动浏览器上,您仍然可以输入逗号,标签,...

有人知道问题是什么吗?

2 个答案:

答案 0 :(得分:2)

将此属性添加到输入标记的pattern="\d+",该标记仅接受数字作为输入

答案 1 :(得分:0)

您是否尝试过使用HTML 5的模式属性。对于您的情况,它将类似于此pattern="{0-9}"。在此用户中也可以输入字母和符号,但表单不会提交,直到用户只输入数字。