CODEWITHSUNDEEP
angularjsangularjs-validation
Bumble
Bumble

Reputation: 557

angularjs checking dirty status of elements inside particular div

i have a form like this and i like to user angularjs for form validation

<form name="userrequest">
<div id="userdetails">
<input type="text" id="buyerName" />
</div>

<div id="buyerDetails">
<input type="text" id="buyerName" />
<input type="text" id="buyercity" />
</div>
</form

how can i check any input elements inside buyerDetails div is in dirty state?

Upvotes: 0

Views: 1426

Answers (1)

Pankaj Parkar
Pankaj Parkar

Reputation: 136124

You should use ng-model on each form field with name attribute, that will enable the dirty checking on form elements. You could check any form field dirty or not by using its name

Markup

<form name="userrequest">
    <div id="userdetails">
        <input type="text" id="buyerName" name="userBuyerName" 
         ng-model="form.user.buyerName" />
    </div>
    Dirty
    <br/> form.user.buyerName {{userrequest.userBuyerName.$dirty}}

    <div id="buyerDetails">
        <input type="text" id="buyerName" name="buyerName" 
         ng-model="form.buyer.buyerName" />
        <input type="text" id="buyercity" name="buyerName" 
         ng-model="form.buyer.buyerName" />
    </div>
    Dirty
    <br/> form.buyer.buyerName {{userrequest.buyerName.$dirty}}
    <br/> form.buyer.buyercity {{userrequest.buyercity.$dirty}}

</form>


Is form is Dirty {{userrequest.$dirty}}

Upvotes: 1

Related Questions