使用 js 禁用文本输入中的数字输入

Disable number input in a text input with js

本文关键字：数字输入 输入 文本 js 使用      更新时间：2023-09-26

我所要做的就是不允许在表单的文本输入中引入数字字符，但我必须使用 javascript 来做到这一点。这是我的HTML代码：

<form id="formu">
<input type="text" id="num" />
</form>

这是我的JS代码：

function numero(theEvent){
    var evento=theEvent||window.event;
        switch(evento.type){
            case 'keypress':
                if(document.getElementById("num").evento.keyCode>=48&&document.getElementById("num").evento.keyCode<=57){
                    return false;
                }
        }
    }

您可以使用新的模式属性 HTML ， 

<input type="text" id="num" pattern="[A-Za-z]" title="Only Alphabets">

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

<form id="formu">
<input type="text" id="num"  onkeypress="return validateKeyStrokes(event)" />
</form>

试试这个

尝试使用 jQuery 和插件进行输入文本字段过滤

看这里

您也可以使用 HTML5 新输入类型编号：

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

但是，如果您想提供旧浏览器支持，请小心使用...

相关文章：