Validate two number fields by comparing values using ng-form angularjs

Question

   <input type="text" ng-model="num1">
   <input type="text" ng-model="num2">

I want to compare numbers entered in above fields and generate error message if num1 < num2 using ng-form. We can do with JS but i want to keep validation simple. Can we implement in HTML tag using ng-form

Possible duplicate of Custom form validation directive to compare two fields — Vivek Athalye
– Vivek Athalye, Commented Feb 17, 2017 at 11:33

Sk. Tajbir · Accepted Answer · 2016-06-15 14:13:26Z

1

Try something like this:

<div ng-form="regForm">
   <span ng-show="num1>=num2">Num1 cannot be greater than num2</span>
   <input name="num1" type="text" ng-model="num1">
   <input name="num2" type="text" ng-model="num2">
</div>

JsFiddle: https://jsfiddle.net/sktajbir/6fmvsaf0/25/

Hope this will help you. Thanks.

answered Jun 15, 2016 at 14:13

Sk. Tajbir

2902 silver badges9 bronze badges

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

3 Comments

user3335796 Over a year ago

This code i have tried it before but it don't work. Because it validates only one digit of number. Example num1 = 33 and num2 = 200. Still message pop up.

Sk. Tajbir Over a year ago

but according to your logic it will show error if num1 < num2. So what is wrong here?

user3335796 Over a year ago

Actually problem is we are entering numbers in text fields. And try to compare. Its taking like a string rather than numbers. "<" symbol works correctly for numbers. So we have to use parseInt(num1)

Collectives™ on Stack Overflow

Validate two number fields by comparing values using ng-form angularjs

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related