Monday, September 18, 2017 by Chams
Related:Enter Only Number using jQuery (A Cross Browser solution)
Try this demo
Enter only numbers with a Decimal value:
Ascci stands for “American Standard Code for Information Interchange”.
Check the KeyCode
We'll check each key event individually against each character, which the user enters in the textbox.
The ternary codevar iKeyCode = (evt.which) ? evt.which : evt.keyCode works like the if…else condition.
However, you can also write the code in this way:
The value in iKeyCode will be checked against a range of Ascii codes to make sure it’s a number (numeric value). The function will return true or false based on the entered value. No value will be displayed on the textbox control if the condition returns false.
When a user enters a value in the input box, the onkeypress event calls the isNumber() function (that I have written inside the <script> tag), along with the key press event. The function checks every key entered in the input box and returns true only if the entered values in a number, else it will return false. If it is false, the user won’t see any value in the box.
You should also try this
A small assignment you can try on your own. Use the Asp.Net textbox control instead of <input> box, and see if the function works as I have explained above.
<asp:TextBox ID="tbPh" runat="server"></asp:TextBox>
It would be nice if you share the result with us, here. Anyways, thanks for reading.
Like this Article? Subscribe now, and get all the latest articles and tips, right in your inbox.
Enter your email id
Join our Google Plus Community and be a part of a discussion!