title: Form Validation and disabled button
body: <p><a href="http://plnkr.co/edit/xkOeosSqI8zCQkSkR7EW?p=preview" rel="nofollow"><strong>PLUNKER LINK</strong></a></p>
  
  <p>In above problem i have three radio buttons which let the user pay balance,minimum amount and other<br>
   amount.When user clicks on third radio button it opens up a div with input where user can enter their<br>
   amount and this field has some validation. And it followed up with some validation on next fieldset.
   I want to disable the submit button until the form is valid. But even if I choose balance or minimum amount payment options in radio button, the submit button remains disabled (waiting for form to be valid. Probably looking for validation, which is on third option). How can i avoid this ?</p>
  
  <p>HTML</p>
  
  <pre><code>  &lt;fieldset  class="form-group clearfix"&gt;
       &lt;legend class=""&gt;Fieldset Title&lt;/legend&gt;
          &lt;ul class="vList"&gt;
              &lt;li&gt;
               &lt;input type="radio" class="" name="balancePayment" id="payBalance"  ng-model="pay"     
                       value="balanceAmount" /&gt;
                &lt;label class="" for="payBalance"&gt; Balance:$130 &lt;/label&gt;
              &lt;/li&gt;
              &lt;li&gt;
                &lt;input type="radio" class="form__radio" name="balancePayment" id="payMinimum"  ng-model="pay" 
                       value="minimumAmount"/&gt;
                &lt;label class="" for="payMinimum"&gt; Minimum Amount:$4 &lt;/label&gt;
              &lt;/li&gt;
              &lt;li&gt;
                &lt;input type="radio" class="" name="balancePayment" id="payOther" ng-model="pay" 
                   value="otherAmount"/&gt;
                &lt;label class="form__radioLabel" for="payOther"&gt; Pay Different Amount &lt;/label&gt;
              &lt;/li&gt;
        &lt;/ul&gt;
            &lt;div class="otherpayment" ng-show ="pay=='otherAmount'" ng-class="{
                              'has-error':  myform.otherAmountpay.$invalid &amp;&amp; myform.otherAmountpay.$dirty,
                              'has-success':myform.otherAmountpay.$valid}"&gt;
                  &lt;span class="help-block" ng-show="myform.otherAmountpay.$error.required &amp;&amp;  
                        myform.otherAmountpay.$dirty"&gt;Please enter your payment&lt;/span&gt;
                  &lt;input  id="Tel1" name="otherAmountpay" ng-model="otherAmountpay" 
                         class="form-control" type="number" required=""/&gt;
            &lt;/div&gt;
    &lt;/fieldset&gt;
  </code></pre>