[HTML][JavaScript]Walidacja formularza w bootstrapie, a ajax Opcje

[emeres1]

witam,
chciałbym obsłużyć formularz do wysyłania maili z pomocą ajaxa zachowując walidację formularza dzięki ' class="form-control" '. Gdy używam 'button" formularz wykonuje akcję i przeładowywuje stronę, a gdy z kolei chciałbym zastąpić 'button" jakimś innym przyciskiem np. divem z funkcją js tracę możliwość walidacji dzięki ' class="form-control" '. Macie może jakiś pomysł jak połączyć te dwie rzeczy?

[PHP] pobierz, plaintext 
    <form id="contact" role="form">
                                <div class="col-md-6">
                                    <fieldset>
                                        <input name="name" type="text" class="form-control" id="name" placeholder="Imię i nazwisko..." required="">
                                    </fieldset>
                                </div>
                                <div class="col-md-6">
                                    <fieldset>
                                        <input name="email" type="email" class="form-control" id="email" placeholder="E-mail..." required="">
                                    </fieldset>
                                </div>
                                <div class="col-md-12">
                                    <fieldset>
                                        <textarea name="message" rows="6" class="form-control" id="message" placeholder="Treść..." required=""></textarea>
                                    </fieldset>
                                </div>
                                <div class="col-md-12">
                                    <fieldset>
                                        <button id="form-submit" class="btn">Wyślij wiadomość</button>
                                    </fieldset>
                                </div>
                       </form>
[PHP] pobierz, plaintext 

pozdrawiam