title: Validate input fields on bootstrap modal window button clicks using angular
body: <p>I am trying to validate input fields on submit/ok button click in a modal window using angularjs framework. What I have tried are to add the attributes required/ng-required on my input button. But on my ok button click the input text field is not validated and the modal window is dismissed. As below is my modal-body. I would like to see the angular behaviour of showing the red border around it on click of ok. </p>
  
  <pre><code>&lt;div class="modal-body"&gt; 
        &lt;input type="text" class="input-box" size="10" required ng-model="data.myNumber"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there something additional I need to do in my event handler for submit buttons? Below is a plunker I created for the demo. Any help would be highly appreciated.
      <a href="http://plnkr.co/edit/ACoTQgIVnWnR92LngT89?p=preview" rel="nofollow">http://plnkr.co/edit/ACoTQgIVnWnR92LngT89?p=preview</a>
  By the way the plunker will run only in firefox.</p>