title: how to validate form in ionic using angular js
body: <p>I am trying to use the ionic framework with angular.I want to do validation of my form on button click.Mean I need to validate all field on button click.All field are required ..I need to show an error message if a field does not fulfil the requirement. Like password minimum character 5 and maximum 10. And email validation.</p>
  
  <p>could you please tell m how I will do validation.Here is my <a href="http://jsfiddle.net/ktz4o031/" rel="nofollow noreferrer">code</a></p>
  
  <pre><code>&lt;html ng-app=""&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"&gt;
  
      &lt;title&gt;Sign-in, Then Tabs Example&lt;/title&gt;
  
      &lt;link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet"&gt;
      &lt;script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"&gt;&lt;/script&gt;
  
    &lt;/head&gt;
  
    &lt;body&gt;
  
      &lt;ion-view title="Page"&gt;
      &lt;ion-content padding="true" class="has-header has-footer"&gt;
          &lt;form&gt;
              &lt;label class="item item-input"&gt;
                  &lt;span class="input-label"&gt;name&lt;/span&gt;
                  &lt;input type="text" placeholder="name"&gt;
              &lt;/label&gt;
              &lt;label class="item item-input"&gt;
                  &lt;span class="input-label"&gt;email&lt;/span&gt;
                  &lt;input type="email" placeholder="email"&gt;
              &lt;/label&gt;
              &lt;label class="item item-input"&gt;
                  &lt;span class="input-label"&gt;password&lt;/span&gt;
                  &lt;input type="password" placeholder="password"&gt;
              &lt;/label&gt;
          &lt;/form&gt;
          &lt;button class="button button-balanced button-block"&gt;check validation&lt;/button&gt;
      &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>