Bootstrap modal validation in Laravel
<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>