title: Angular 2 form valid by default
body: <p>Having issue with form validation .</p>
  
  <p>i want to submit the form only when form is valid.</p>
  
  <p>but with the empty inputs and clicking on submit button is submitting the form although the inputs are empty.</p>
  
  <pre><code>&lt;form name="equipmentForm" #f="ngForm" (ngSubmit)="f.form.valid &amp;&amp; addEquipment()" validate&gt;
  </code></pre>
  
  <p>Inputs be like this.</p>
  
  <pre><code> &lt;input name="equimentId" class="text-input form-control" type="text" [(ngModel)]="model.equipmentNumber" pattern="^[0-9][0-9]{1,19}$" title="Equipment ID. can be upto 20 digits only."&gt;
  </code></pre>
  
  <p>I cant post the whole code although.</p>
  
  <p>this </p>
  
  <blockquote>
    <p><strong>f.form.valid</strong> is true from form initialization</p>
  </blockquote>
  
  <p>wanted to acheive something like this</p>
  
  <pre><code>&lt;div *ngIf="!model.equipmentModel &amp;&amp; f.submitted" class="text-danger"&gt;
                          Please enter Equipment Model
  &lt;/div&gt;
  </code></pre>
  
  <p>So on submit i want to show this message instead of default browser's.
  but this <strong>f.form.valid</strong> is goddamn true from default.</p>