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

Rahul Tripathi · Answer 1 · 2014-07-29T03:32:26.287

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 '14 at 03:32

answered Jul 29 '14 at 03:27

Rahul Tripathi

168,305
31
280
331

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. – Java Questions Jul 29 '14 at 03:38
1

@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! :) – Rahul Tripathi Jul 29 '14 at 03:45
are you there? i have an issue with the above code. – Java Questions Jul 29 '14 at 06:57
@Anto:- What is the issue? – Rahul Tripathi Jul 29 '14 at 07:34

score 1 · Answer 2 · edited May 23 '17 at 11:50

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 '17 at 11:50

Community

1
1

answered Jul 29 '14 at 03:32

Avinash Babu

6,171
3
21
26

I think the regex will not work if the text entered in the text box is 2 :) – Rahul Tripathi Jul 29 '14 at 03:54

Decimal Validation using javascript

2 Answers2