Okno modalne a walidacja formularza php Bootstrap

Question

Witam

Zdrobiłem okno modalne a w nim umieścilem fomularz wysylajacy maila do klienta. W jaki sposob zrobić jego walidacje (sprawdzenie poprawności wypelnienia jego pol). Jak nacisne przycisk Wyślij to mi okno modalne zniknie a ono ma zniknać dopiero jak wyśle wiadomosc

Oto kod onka

<div class="modal fade" id="myModal">

<div class="modal-dialog">

<div class="modal-content">

<div class="modal-header">


<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title" style="color:black;">Agritek (ul. Bukowska 33) <br/>Wyślij wiadomość</h4>


</div>



<div class="modal-body">

<form class="form">
<div class="form-group">

<label for="nameField">Imię</label>
<input type="text" class="form-control" id="nameField" placeholder="Imię"/>

</div>

<div class="form-group">

<label for="emailField">Email</label>
<input type="email" class="form-control" id="emailField" placeholder="Email"/>

</div>


<div class="form-group">

<label for="phoneField">Telefon</label>
<input type="text" class="form-control" id="phoneField" placeholder="Telefon"/>

</div>


<div class="form-group">

<label for="descField">Wiadomość</label>
<textarea class="form-control" id="descField" placeholder="Treść wiadomości"></textarea>

</div><br/>

<div class="text-right"><button type="submit" class="btn btn-success">Wyślij</button> <button type="reset" class="btn btn-danger">Wyczyść</button></div>

</form><br/><br/>

</div>

<div class="modal-footer">

<button type="button" class="btn btn-danger" data-dismiss="modal">Zamknij</buttton>

</div>

</div>

</div>

</div>

 

Answer 1

Ja zaproponuję https://1000hz.github.io/bootstrap-validator/

wczoraj z tego korzystałem, działa bardzo dobrze jak na zapewnienie podstawowej walidacji. Pamiętaj o tym, że po stronie serwera też trzeba zabezpieczyć skrypt.

Comments

Super działa ;) ale co jeżeli mamy doczynienia z starszymi przeglądarkami lub np. Safari

Answer 2

Słowo-klucz: Ajax. W przypadku BS-a sprowadza się do $.post.