Question

我想在HTML中验证一个只允许数字和逗号的输入文本框：

<input id="number" type="number">

Answer 1

您可以使用Javascript执行此操作：

<input id="number" 
   onkeypress='return (event.charCode >= 48 && event.charCode <= 57) 
           || event.charCode ==44 '>

Answer 2

不幸的是，类型号不能用逗号来代替它，但是您可以使用正则表达式创建自己的验证并将其作为事件附加到输入中。

＆＃13;

(function() {
    var previousValue = document.getElementById('myInput').value;
    var pattern = /^[0-9]*([,][0-9]*)?$/;

    function validateInput(event) {
        event = event || window.event;
        var newValue = event.target.value || '';

        if (newValue.match(pattern)) {
            // Valid input; update previousValue:
            previousValue = newValue;
        } else {
            // Invalid input; reset field value:
            event.target.value = previousValue;
        }
    }

    document.getElementById('myInput').onkeyup = validateInput;
}());

＆＃13;

<input id="myInput" type="text" oninput="false"/>

＆＃13;

数字和逗号的HTML验证

2 个答案: