add remove required validation in angular dynamically in angular js

Question

I have a form as shown below, I have kept only 1 field here for simplicity. In my form I have many other fields including a country dropdown. If country selected is A,B or C I want to remove the required validation which I do using a addressRequired which gets a true/false value on change of country.

I am removing the required using .removeAttr() and it does get remove from the html.

But the ng-disabled="myAbcForm.$invalid" stills shows invalid.

<form name="myAbcForm" ng-submit="submitForm(myAbcForm.$valid)" novalidate class="myAbcForm">
   <div class="element-box fltlt">
        <label>Address </label><sup ng-show="addressRequired">*</sup>
        <input type="text" value="" ng-model="details.Address" required="">
        <span ng-show="!details.Address && addressRequired" class="error-msg field-validation-error">Address is required.</span>
    </div>
    <div id="clearfix">
        <input type="submit" value="Update" class="btn fltlt btnBG" ng-disabled="myAbcForm.$invalid" />
    </div>
</form>

Any suggestions ?

For more information check this: [stackoverflow.com/questions/16648669/… [1]: stackoverflow.com/questions/16648669/… — Durgesh
– Durgesh, Commented Nov 6, 2014 at 8:35

coma · Accepted Answer · 2014-11-06 08:33:30Z

4

Use ngRequired instead, like:

ng-required="checkCountry()"

http://jsfiddle.net/coma/0jz49knd/1/

edited Nov 6, 2014 at 8:33

answered Nov 6, 2014 at 8:26

coma

16.7k4 gold badges53 silver badges77 bronze badges

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

3 Comments

Yasser Shaikh Over a year ago

what should the checkCountry() function return ? a bool ?

coma Over a year ago

@Yasser, yes, I'm on the fiddle, but yes, just like that.

Yasser Shaikh Over a year ago

Thanks got a solution from your answer.

Community · Accepted Answer · 2017-05-23 12:31:08Z

1

With a little hint from coma's answer

Here is what I am using now

<input type="text" value="" 
  ng-model="details.Address" 
  ng-required="addressRequired" />

edited May 23, 2017 at 12:31

CommunityBot

11 silver badge

answered Nov 6, 2014 at 8:34

Yasser Shaikh

47.9k50 gold badges208 silver badges290 bronze badges

Collectives™ on Stack Overflow

add remove required validation in angular dynamically in angular js

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related