What I have to do is not permit to introduce number characters in a text input in a form, but I've to do it with javascript. Here's my HTML code:

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

And here's my JS code:

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;
                }
        }
    }

What I have to do is not permit to introduce number characters in a text input in a form, but I've to do it with javascript. Here's my HTML code:

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

And here's my JS code:

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;
                }
        }
    }

• javascript
• html

• where did u call numero(theEvent) ? – Vicky Gonsalves Commented Nov 15, 2013 at 9:14

4 Answers 4

You can use the new pattern attrib 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>

Try this

Try using jQuery and a plugin for input text field filtering

See here

You can also use the HTML5 new input type number :

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

But use with care if you want to provide old browsers support ...