Float number validation in angular for min and max fields

Question

I need for min and max fields validation on float number, that is 1.59 is allowed but anything higher than is not allowed like 1.60 also 1.00 should be the minimum value. Here i am used angular form for submit the data.

http://stackoverflow.com/questions/22943807/float-range-validation-using-angularjs — Kamlesh Delat
– Kamlesh Delat, Commented Jun 22, 2016 at 5:48
<input type="number" min="1" max="1.59" ng-model="something"/> — JB Nizet
– JB Nizet, Commented Jun 22, 2016 at 5:58
@JensonRaby What does that mean? I have the feeling you want a time picker, not a number field. — JB Nizet
– JB Nizet, Commented Jun 22, 2016 at 6:19

Chinni · Accepted Answer · 2016-06-22 06:00:42Z

1

Use min and max directives for this as follows,

<div>
    <form name="myForm">
        <input type="number" min="1" max="1.59" ng-model="enteredNumber" name="numberName" />
    </form>

    Validity of the entered number = {{ myForm.numberName.$valid }}
</div>

You can check whether the number entered is valid or not by using $valid

answered Jun 22, 2016 at 6:00

Chinni

1,2901 gold badge16 silver badges28 bronze badges

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

Comments

zeeshan Qurban · Accepted Answer · 2016-06-22 06:30:17Z

1

Try with this pattren

ng-pattern="/^[0-9]+(\.[0-9]{1,2})?$/"

<input type="number" name="myDecimal" placeholder="Decimal" ng-model="myDecimal" ng-pattern="/^[0-9]+(\.[0-9]{1,2})?$/" step="0.01" />
<span>Is a valid decimal? {{myForm.myDecimal.$valid}}</span>

answered Jun 22, 2016 at 6:30

zeeshan Qurban

3871 gold badge4 silver badges15 bronze badges

Collectives™ on Stack Overflow

Float number validation in angular for min and max fields

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related