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

时间:2013-11-15 09:11:57

标签: javascript html

我要做的是不允许在表单的文本输入中引入数字字符,但我要用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;
                }
        }
    }

4 个答案:

答案 0 :(得分:6)

您可以使用新模式attrib HTML,

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

答案 1 :(得分:2)

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>

试试这个

答案 2 :(得分:0)

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

See here

答案 3 :(得分:0)

您还可以使用HTML5新输入类型编号:

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

但如果您想提供旧的浏览器支持,请谨慎使用......