title: Bootstrap modal validation in Laravel
body: <p>I have a registrarion modal which opens on click. The inputs are validated on the view using <em>required</em>, etc. Thing is, there are other fields (also in other modals I'm not mentionig) in which I validate again rules in my controller.</p>
  
  <p>I've read that a good way of validating modals is using AJAX. I'm having a hard time with that.</p>
  
  <p>This is a simplified verstion of my registration modal which is submitted without javascript or others:</p>
  
  <pre><code>&lt;div id="RegisterModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
   aria-hidden="true"&gt;
  &lt;div class="modal-dialog"&gt;
      &lt;div class="modal-content"&gt;
          &lt;div class="modal-header"&gt;
              &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;  &lt;/button&gt;
              &lt;h4 class="modal-title" id="myModalLabel"&gt;Register&lt;/h4&gt;
          &lt;/div&gt;
  
          &lt;form class="form-horizontal" role="form" method="POST" action="{{ url('/register') }}"&gt;
              {!! csrf_field() !!}
  
              &lt;div class="modal-body"&gt;
  
                  &lt;div class="form-group{{ $errors-&gt;has('first_name') ? ' has-error' : '' }}"&gt;
                      &lt;label class="col-md-4 control-label"&gt;First name&lt;/label&gt;
  
                      &lt;div class="col-md-6"&gt;
                          &lt;input type="text" class="form-control" name="first_name"
                                 value="{{ old('first_name') }}"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="form-group{{ $errors-&gt;has('last_name') ? ' has-error' : '' }}"&gt;
                      &lt;label class="col-md-4 control-label"&gt;Last name&lt;/label&gt;
  
                      &lt;div class="col-md-6"&gt;
                          &lt;input type="text" class="form-control" name="last_name"
                                 value="{{ old('last_name') }}"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="form-group{{ $errors-&gt;has('email') ? ' has-error' : '' }}"&gt;
                      &lt;label class="col-md-4 control-label"&gt;E-Mail Address&lt;/label&gt;
  
                      &lt;div class="col-md-6"&gt;
                          &lt;input type="email" class="form-control" name="email"
                                 value="{{ old('email') }}"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="form-group{{ $errors-&gt;has('password') ? ' has-error' : '' }}"&gt;
                      &lt;label class="col-md-4 control-label"&gt;Password&lt;/label&gt;
  
                      &lt;div class="col-md-6"&gt;
                          &lt;input type="password" class="form-control" name="password"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="form-group{{ $errors-&gt;has('password_confirmation') ? ' has-error' : '' }}"&gt;
                      &lt;label class="col-md-4 control-label"&gt;Confirm Password&lt;/label&gt;
  
                      &lt;div class="col-md-6"&gt;
                          &lt;input type="password" class="form-control" name="password_confirmation"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
              &lt;/div&gt;
  
              &lt;div class="modal-footer"&gt;
                  &lt;div class="form-group"&gt;
                      &lt;div class="col-md-6 col-md-offset-2"&gt;
                          &lt;button name="RegisterButton" type="submit" class="btn btn-primary"&gt;
                              &lt;i class="fa fa-btn fa-user"&gt;&lt;/i&gt; Register
                          &lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>When I submit, the modal closes and nothing happens. If I click on "register" again, the modal shows with the errors showing.</p>
  
  <p>Could someone help me out? Point me in the right direction?</p>