title: HTML5 form validation not working in bootstrap modal
body: <p>I am having the below form in bootstrap modal but the HTML5 validation is not working in it and throwing error in console that 'An invalid form control with name='mobile' is not focusable.'</p>
  
  <pre><code>&lt;div id="registermodal1" class="modal register-modal" role="dialog"&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;!-- Modal content--&gt;
   &lt;form role="form" class="reg_form"&gt;
  &lt;div class="modal-content"&gt;
    &lt;div class="modal-header vostro-modal-header"&gt;
      &lt;button type="button" class="close" data-dismiss="modal"&gt;&amp;times;&lt;/button&gt;
      &lt;h4 class="modal-title"&gt;Register&lt;/h4&gt;
    &lt;/div&gt;
    &lt;div class="modal-body"&gt;
  
    &lt;div class="row"&gt;
  
        &lt;div class="col-lg-4 col-md-4 col-sm-4 titleSideBar"&gt;
          &lt;h5 style="color: #fff;"&gt;Create Cavein&lt;/h5&gt;
  &lt;h5 style="color: #fff;"&gt;Account&lt;/h5&gt;
  &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
  &lt;h5 style="color: #fff;"&gt;100% Genuine Owners, 0% Brokerage.&lt;/h5&gt;&lt;br&gt;&lt;br&gt;
  &lt;img src="&lt;?php  echo base_url('assets/images/house.png'); ?&gt;"&gt;
  
        &lt;/div&gt;
        &lt;div class="col-lg-8 col-md-8 col-sm-8 mainContainer form"&gt;
  
            &lt;div class="control-group"&gt;
                      &lt;h6 style="font-size: 16px;color: #fff;padding-bottom: 5px;"&gt;Your contact number is necessary for us to verify your identity&lt;/h6&gt;
  </code></pre>
  
  <p><br>
                          Enter your mobile nomber.
                          
      +91</p>
  
  <pre><code>          &lt;/div&gt;
            &lt;br&gt;
  
  
        &lt;/div&gt;
      &lt;/div&gt;
  
  
    &lt;/div&gt;
    &lt;div class="modal-footer"&gt;
  
      &lt;button class="lof"&gt;&lt;div class="loader"&gt;&lt;/div&gt;&lt;/button&gt;
      &lt;button type="submit" id="next_1" class="btn btn-next my-btn"&gt;Next&lt;/button&gt;
    &lt;/div&gt;
  
  &lt;/div&gt;
   &lt;/form&gt;
  </code></pre>
  
  <p>
  </p>