title: Form validation without form tag on input - Angular 2
body: <p>I have popup component in which I want to insert form validation on input element for name (required field and minlength 3 characters).
  Is is possible to do it without setting up complete code in form tag?</p>
  
  <pre><code>&lt;div class="scenario-div"&gt;
  &lt;label style="font-size: 1.4rem; font-weight: 400; margin-bottom: 10px;"&gt;{{context.header}}&lt;/label&gt;
  &lt;div class="" style="width: 90%; margin-bottom: 10px; align-self: center;"&gt;
      &lt;div style="display: flex; flex-direction: column; margin-bottom: 10px;"&gt;
          &lt;label style="font-size: 1.2rem; font-weight: 500;"&gt;Name&lt;/label&gt;
          &lt;div style="display:flex; flex-direction:row;"&gt;
              &lt;input type="text" [(ngModel)]="context.name" placeholder="enter Name" style="color: #569bd2; margin: 0px; width: 50%" minlength="3" required/&gt;
  
              &lt;select *ngIf="context.showOptionDropdown" class="custom-select-project" style="width:50%" #optionSelect (change)="context.option.value"&gt;
                  &lt;option disabled&gt;Select type&lt;/option&gt;
                  &lt;option value="option1"&gt;option1&lt;/option&gt;
                  &lt;option value="option2"&gt;option2&lt;/option&gt;
                  &lt;option value="option3"&gt;option3&lt;/option&gt;
                  &lt;option value="option4"&gt;option4&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div style="display: flex; flex-direction: column; margin-bottom: 10px;" *ngIf="!context.hideDescription"&gt;
          &lt;label style="font-size: 1.2rem; font-weight: 400;"&gt;Description&lt;/label&gt;
          &lt;textarea rows="4" [(ngModel)]="context.description" cols="50" maxlength="250" placeholder="Enter text here" style="color: #569bd2; resize: none; font-weight: 400; font-size: 1.2rem;"&gt;&lt;/textarea&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div&gt;   
      &lt;button class="btn-main" (click)="confirm(context)" style="width: 15%;"&gt;Confirm&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>