Laravel i modal.

Question

Cześć,

Mam mały problem z formularzem laravela( 5.3 ) oraz modal z bootstrapa. Mam stronę w której wyświetlają się rekordy z bazy danych, a w niej przycisk który otwiera mi modal ( @include('modal') ) 

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
            Dodaj wyjazd
        </button>


<div class="modal  fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Modal title</h4>
                
                @if ($errors -> any())
          
                    @foreach($errors as $error) 
                    <div class="alert alert-danger"> {{$error}}</div
                @endforeach
               
                @endif
            </div>
            <div class="modal-body">
                {{ Form::open(['route'=>'transport.store']) }}

                <div class="form-group">
                    {{ Form::label('adress',"Adres dostawy") }}
                    {{ Form::text('adress',null,['class'=>'form-control']) }}
</div>
                <div class="form-group">
                    {{ Form::label('comments',"Uwagi") }}
                    {{ Form::textarea('comments',null, ['size' => '2x3','class'=>'form-control']) }}
                </div>
                <div class="form-group">

                </div>
         

            </div>
            <div class="modal-footer">
                   
                {{ Form::submit('Zapisz',['class'=>'btn btn-primary']) }}
                {{ Form::close() }}
             
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>       

Następnie wypełniam wszystkie pola i naciskam "Zapisz" no i nic się nie dzieje. Zero reakcji ze strony strony :)

Mógłby mi ktoś pomóc, rozwiązać nurtujący mnie problem?

Answer 1

Nie możesz zamknąc forma w tym miejscu, ponieważ musisz zamykać znaczniki w odwrotnej kolejności do otwarcia.

Podejrzewam, że mądre przeglądarki to zauważyły i znacznik </form> przeniosły diva wczesniej

Comments

No właśnie zauważyłem ten fakt, ale dlaczego tak się dzieje? Przecież jest zachowana kolejność. Nie rozumiem tego.

---

Nie jest. Zamykasz form, a nie zamkąłeś .modal-footer

---

Super dzięki wielkie za odpowiedz, teraz już kumam :) Taki trywialny błąd a siedziałem nad nim z godzinę :D