angularjs error message even without touching the field
<p>why the following angularjs form throws in the following errors whereas, nothing is typed in the input field, nor clicked on it.
<br/>
It is throwing in <strong>"It's a valid name!"</strong> and <strong>Error in the field.</strong> at the same time, even without typing or clicking on the field.
Does anyone know the reason?
<br/></p>

<pre><code>&lt;div class="form-group" ng-class="{'has-error':Form.field1.$dirty &amp;&amp; Form.field1.$invalid, 'has-success':Form.field1.$valid}" &gt;
    &lt;label class="control-label" &gt;
        Name
    &lt;/label&gt;
    &lt;input class="form-control" ng-model="myModel.field1" ng-minlength="3" ng-maxlength="20"
           style="" type="text" name="field1" placeholder="Enter the name"/&gt;
    &lt;p class="error text-small block" ng-show="Form.field1.$error.maxlength"&gt;Too long!&lt;/p&gt;
    &lt;p class="error text-small block" ng-show="Form.field1.$error.minlength"&gt;Too short!&lt;/p&gt;
    &lt;p class="error text-small block" ng-show="Form.field1.$dirty &amp;&amp; Form.field1.$error"&gt;Error in the field.&lt;/p&gt;
    &lt;p class="success text-small" ng-show="Form.field1.$valid"&gt;It's a valid name!&lt;/p&gt;
&lt;/div&gt;
</code></pre>