Decimal Validation using javascript

Question

How to do decimal validation using javascript?

there is a text box which should accept only 24.00 or 24 or any value less than 24.00

the text also must allow if 23.99 is entered.

could some one help me on this??

I tried this way,

if (document.forms[0].hours!= undefined) {
                 var val = document.forms[0].hours.value ;
                 if (val .match(/^\d{0,6}(?:\.\d{0,2})?$/)) {
                         alert("Invalid" +'${payType5Code}'+"  Hours. The hours entered can not have more than 2 decimal places,and should be in the range of 0 to 24 ");
                         submitted=false;           
                         return false;
                        }

            }

thanks

Community · Accepted Answer · 2017-05-23 11:50:21Z

1

This can be done by simple regex expression.

val = "2.13"
if (!val.match(/^(\d{0,2})(\.\d{2})$/)) {
alert("sorry this is wrong");
} else {
    alert("yeah this is true");
}

Check here for more ways..

edited May 23, 2017 at 11:50

CommunityBot

11 silver badge

answered Jul 29, 2014 at 3:32

Avinash Babu

6,2534 gold badges23 silver badges26 bronze badges

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

1 Comment

Rahul Tripathi Over a year ago

I think the regex will not work if the text entered in the text box is 2 :)

Rahul Tripathi · Accepted Answer · 2014-07-29 03:32:26Z

1

You may try this:

var foo = document.getElementById('foo');

foo.addEventListener('input', function (prev) {
    return function (evt) {
        if (!/^\d{0,6}(?:\.\d{0,2})?$/.test(this.value)) {
          this.value = prev;
        }
        else {
          prev = this.value;
        }
    };
}(foo.value), false);

JS FIDDLE DEMO

edited Jul 29, 2014 at 3:32

answered Jul 29, 2014 at 3:27

Rahul Tripathi

173k33 gold badges292 silver badges341 bronze badges

4 Comments

Java Questions Over a year ago

thanks for the answer, the text box which i will be validating is created dynamically which means the text may or may not exist. so after finding the text box existence only will have to do the validation and alert the user if the value does not match.

Rahul Tripathi Over a year ago

@Anto:- So you have to put the check above this function for the existence of the text box. Rest the function will be same and it will work! :)

Java Questions Over a year ago

are you there? i have an issue with the above code.

Rahul Tripathi Over a year ago

@Anto:- What is the issue?

Collectives™ on Stack Overflow

Decimal Validation using javascript

2 Answers 2

1 Comment

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

4 Comments

Linked

Related