<div>
Take a look at the ng-required directive <a href="https://docs.angularjs.org/api/ng/directive/ngRequired" rel="ugc">https://docs.angularjs.org/api/ng/directive/ngRequired</a><br />

<pre><code id="code-20-42982085-1">&lt;input ng-required=&quot;expression&quot;&gt;</code></pre>
<br />
where expression is an expression that checks your model values <br />
<br />

<pre><code id="code-20-42982085-2">&lt;input ng-required=&quot;!(model.Product.length || model.Order.length)&quot;&gt;</code></pre>
<br />
In your controller code<br />

<pre><code id="code-20-42982085-3">...
 $scope.model = {
    Product: '',
    Order: '',
    ...
 }</code></pre>
</div>


Take a look at the ng-required directive https://docs.angularjs.org/api/ng/directive/ngRequired [https://docs.angularjs.org/api/ng/directive/ngRequired]


<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: '',
    ...
 }

<div>
Here Product &amp;&nbsp;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
</div>


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

Developer

Sandy V

<div>
Perfect, thanks for the explanation
</div>


<div>
<div class="content wysiwyg-content">
Is there a way to set two fields combined as required field in AngularJS, let's say you have two text fields Product &amp;&nbsp;Order &amp;&nbsp;i need to make sure that atleast one of the field is populated
</div>
</div>


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

Validations in angularJS

Angular is a JavaScript open-source web application framework used to develop single-page applications. It aims to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) and model–view–view-model (MVVM) architectures, along with components commonly used in rich Internet applications. Angular is the front-end part of the MEAN stack, together with Node.js runtime, Express.js backend framework and MongoDB database.