Validations in angularJS
Is there a way to set two fields combined as required field in AngularJS, let's say you have two text fields Product & Order & i need to make sure that atleast one of the field is populated
Do more with
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Take a look at the ng-required directive https://docs.angularjs.org/api/ng/directive/ngRequired
where expression is an expression that checks your model values
In your controller code
<input ng-required="expression">
where expression is an expression that checks your model values
<input ng-required="!(model.Product.length || model.Order.length)">
In your controller code
...
$scope.model = {
Product: '',
Order: '',
...
}
Here Product & Order are 2 different input fields. Where should i put the ng-required directive?? i thought the only way to achieve this is using a custom directive
The ng-required goes on the fields that need to be validated. So if either Product or Order MUST be filled in then both of them have the ng-required with the same rule (as per my earlier post)
When the validation runs the ng-validate expressions are evaulated and based on the values the expressions return will determine if the field fails or passes validation.
In the example above the ng-validate expression is running against the state of two fields in the model (Product and Order) if both of these have a .length of 0 then the validation fails otherwise it passes - so if anything is entered into either Product or Order both fields will pass validation.
When the validation runs the ng-validate expressions are evaulated and based on the values the expressions return will determine if the field fails or passes validation.
In the example above the ng-validate expression is running against the state of two fields in the model (Product and Order) if both of these have a .length of 0 then the validation fails otherwise it passes - so if anything is entered into either Product or Order both fields will pass validation.
Premium Content
You need an Expert Office subscription to comment.Start Free Trial