Validation of textbox with numbers using javascript

Question

How to prevent or validate the user entering numbers 6 digits with range (eg: 100000) and two decimal digits in a textbox using javascript ? I m using onkeypress event in my textbox my code is:

      var txtBudget = document.getElementById('MainContent_txtBudget');
        txtBudget.addEventListener('keypress', function (evt)
        {  
        var value = this.value + String.fromCharCode(evt.which);
        if (!/^\d{0,6}(?:\.\d{0,2})?$/.test(value)) 
           {   
             evt.preventDefault();
           }
       },
 false);

I suppose [this article][1] [1]: stackoverflow.com/questions/18082/… will help you. — Valeriy Gorbatikov
– Valeriy Gorbatikov, Commented Mar 29, 2012 at 4:57
thanks .. also it should allow only digits not any other alphabets or special characters — kk1076
– kk1076, Commented Mar 29, 2012 at 5:06

Juzer Ali · Accepted Answer · 2013-04-19 21:24:40Z

2

With HTML5 input type='number' there is no need to use javascript for this validation. Say for example you want a number between 100,000.00 and 200,000 with two decimal digits, use this in your HTML

Number: <input type="number" name="number" min="100000.00" max="200000" step='0.01'/>

edited Apr 19, 2013 at 21:24

answered Mar 29, 2012 at 5:01

Juzer Ali

4,2073 gold badges38 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Rich O'Kelly Over a year ago

IMO W3Schools is a horrible site, that frequently gives examples using worst practices (see w3fools.com). There's an equivalent page on MDN (generally a much better source of information) - developer.mozilla.org/en-US/docs/HTML/Element/Input. Good answer though, +1

Juzer Ali Over a year ago

Ohh I never realized and always considered it a reliable source. Thanks for pointing out. I have removed the reference from the answer.

Ashwini Verma · Accepted Answer · 2012-03-29 06:05:35Z

I wonder why not to use RegularExpression control from Asp.net toolbox. Check out this sample:

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" ControlToValidate="TextBox1"
 runat="server" ValidationExpression="^\d{1,6}(\.\d{1,2})?$" ErrorMessage="Only 6 digit numbers allowed"></asp:RegularExpressionValidator>

And if my ValidationExpression is wrong visit this link for your choice: Find Any Regular Expression

Pranav · Accepted Answer · 2012-03-29 05:17:45Z

0

'i guess you want something like this , call this function onKeyPress Event of your textbox

 function test()
    {
      var obj=document.getElementById('textbox1');
      if(obj.value)
      {
            if(isNaN(obj.value)) 
            {
               alert('Please enter only numbers');
                return;
            }

      }
    }

edited Mar 29, 2012 at 5:17

answered Mar 29, 2012 at 5:04

Pranav

8,9214 gold badges28 silver badges42 bronze badges

2 Comments

Pranav Over a year ago

you modified your question till i submitted my answer. but still you customize this and use.

kk1076 Over a year ago

thanks pranav.. would like to hav validation in textbox with allowing only digits

Collectives™ on Stack Overflow

Validation of textbox with numbers using javascript

3 Answers 3

2 Comments

Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

2 Comments

Linked

Related