How can I restrict textfield

Question

I want to create TextField it allows only numbers.For this I written the following code but it's not working.

script code:

 function numberTextField(){
var keyAsciiValue=event.keyCode||event.which;
console.log(keyAsciiValue);
if (keyAsciiValue>=48&&keyAsciiValue<=57) {
    console.log("This is Number");
    return true;
}else{
    console.log("This is Not a Number");
    return false;
};
}

html code:

<input type="text" onkeyup="numberTextField()" placeholder="NoOfRows" id="fieldsCount2"/>

can anyone help me.

Thanks.

@Mr.Alien What you suggested,it's working fine. But I didn't understand syntax of first 2 lines.`evt = (evt) ? evt : window.event; var charCode = (evt.which) ? evt.which : evt.keyCode;` — user2873816, Oct 15 '13 at 10:16
@Mr.Alien I likes your suggestion, But I can't able to like your comment. — user2873816, Oct 15 '13 at 10:45
@user2873816 No problem, and I am not a JS foo, so can't explain the meaning of that line :) — Mr. Alien, Oct 15 '13 at 10:54

Dilantha · Answer 1 · 2013-10-15T10:35:56.357

0

function numberTextField(evt)
{
   var charCode = (evt.which) ? evt.which : event.keyCode
   if (charCode > 31 && (charCode < 48 || charCode > 57))
   {
         console.log("This is Not a Number");
         return false;
   }
   else
   {
          console.log("This is a Number");
          return true;
   }         


}

and the HTML

<input type="text" onkeypress="return numberTextField(event)" placeholder="NoOfRows" id="fieldsCount2"/>

edited Oct 15 '13 at 10:35

answered Oct 15 '13 at 10:00

Dilantha

1,552
2
30
46

you written 2 return statements.`retuen true` is belongs to else condition – user2873816 Oct 15 '13 at 10:02
updated answer also not working. – user2873816 Oct 15 '13 at 10:31
Sorry i forgot to add return in onkeypress.Now it should work :-) – Dilantha Oct 15 '13 at 10:36

Joke_Sense10 · Answer 2 · 2013-10-15T10:21:04.937

0

updated code:

<input type="text" value="" onkeypress="this.value = this.value.replace(/[^0-9]$/,'')"  onkeyup="this.value = this.value.replace(/[^0-9]$/,'')" placeholder="NoOfRows" id="fieldsCount2"/>

edited Oct 15 '13 at 10:21

answered Oct 15 '13 at 10:06

Joke_Sense10

5,341
2
18
22

not working properly, just enter a char and immediately enter a number. – Jitendra Pancholi Oct 15 '13 at 10:08
Or just press any key like 'a' and don't release it. – Jitendra Pancholi Oct 15 '13 at 10:10
Thanks for finding the fault..Check the updated code...Hope it will change your mind.:) – Joke_Sense10 Oct 15 '13 at 10:22

How can I restrict textfield

2 Answers2