HTML文本输入只允许数字输入

有一个快速的方法来设置HTML文本输入(<input type=text />)，只允许数字击键(加上'.')?

当前回答

是的，HTML5可以。试试下面的代码(w3school):

<!DOCTYPE html>
<html>
<body>

<form action="">
  Quantity (between 1 and 5): <input type="number" name="quantity" min="1" max="5" />
  <input type="submit" />
</form>

</body>
</html>

2014-08-26 09:09:52

其他回答

你可以附加到key down事件，然后根据你需要过滤键，例如:

<input id="FIELD_ID" name="FIELD_ID" onkeypress="return validateNUM(event,this);"  type="text">

实际的JavaScript处理程序是:

function validateNUM(e,field)
{
    var key = getKeyEvent(e)
    if (specialKey(key)) return true;
    if ((key >= 48 && key <= 57) || (key == 46)){
        if (key != 46)
            return true;
        else{
            if (field.value.search(/\./) == -1 && field.value.length > 0)
                return true;
            else
                return false;
        }
    }

function getKeyEvent(e){
    var keynum
    var keychar
    var numcheck
    if(window.event) // IE
        keynum = e.keyCode
    else if(e.which) // Netscape/Firefox/Opera
        keynum = e.which
    return keynum;
}

2009-01-22 14:55:09

HTML5有<input type=number>，这听起来很适合你。目前，只有Opera原生支持它，但有一个项目有一个JavaScript实现。

2009-01-22 18:09:35

在任何击键上执行此函数，它将不允许除加号、连字符和圆括号之外的任何内容。

假设:+234-(123)1231231将工作但不是信件

替换(/ ^[0 - 9 +()——]*美元/ test (char))与(/ ^[0 - 9]*美元/ test (char))只允许数字按键。

isNumber(e) {
    let char = String.fromCharCode(e.keyCode);
    if (/^[0-9+()-]*$/.test(char)) return true;
    else e.preventDefault();
},

2022-08-08 11:16:05

是的，HTML5可以。试试下面的代码(w3school):

<!DOCTYPE html>
<html>
<body>

<form action="">
  Quantity (between 1 and 5): <input type="number" name="quantity" min="1" max="5" />
  <input type="submit" />
</form>

</body>
</html>

2014-08-26 09:09:52

只是使用jQuery的另一个变体

$(".numeric").keypress(function() {
    return (/\d/.test(String.fromCharCode(event.which) ))
});

2012-02-23 17:21:15

HTML文本输入只允许数字输入

推荐文章

最新文章

标签