title: Angular Model updates even when value is invalid
body: <p>I am new to angular and when trying out form validations I came across following scenario :</p>
  
  <p><strong>Setup</strong> : I have one "required" field in my form which is bound to an ng-model and have a default value in it, and a reset button. I'm printing its value in a para tag.</p>
  
  <p><strong>Questions</strong></p>
  
  <ol>
  <li><p>Now when I remove the value from the field, my para tag is getting updated to null (no value) even when this value is invalid. So my question here is, <em>why is my model value updated</em> even when the new value is invalid.</p></li>
  <li><p>Also, when i click on reset, the field is reset but the form's valid state is still true and the <em>model is not updated</em> as well. Why is that ?</p></li>
  </ol>
  
  <p>Here is the code : <a href="http://plnkr.co/edit/fqczGwbponOW0kgs23Jn?p=preview" rel="nofollow">http://plnkr.co/edit/fqczGwbponOW0kgs23Jn?p=preview</a></p>
  
  <pre><code>    &lt;form name="testForm"&gt;
        &lt;label&gt;Name:&lt;/label&gt;
        &lt;input type="text" ng-init="yourName = 'Sam'" ng-model="yourName" placeholder="Enter a name here" required&gt;
        &lt;input type="reset" /&gt;
        &lt;p&gt;Is form valid : {{testForm.$valid}}&lt;/p&gt;
      &lt;/form&gt;
      &lt;p&gt;Hello {{yourName}}!&lt;/p&gt;
  </code></pre>