[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

[viking]

https://developer.mozilla.org/pl/docs/Web/A.../preventDefault

[emeres1]

Faktycznie zablokowało przeładowanie strony, ale pozbawiło funkcji validacji "class="form-control".

[HTML] pobierz, plaintext 
   $('#form-submit').click(function(event){
        event.preventDefault();
        var $name = $('#name').val(),
                $email = $('#email').val(),
                $message = $('#message').val();
 
 
        $.ajax({
            type: "POST",
            url: 'mail.php',
            data: {
                name: $name,
                email: $email,
                message: $message
 
            },
            cache: false,
            async: true,
            beforeSend: function(XMLHttpRequest) {
 
 
            },
            success: function(value) {
 
            },
            error: function() {
            }
 
        });
 
    })
[HTML] pobierz, plaintext 

[viking]

A gdzie masz niby tą walidację?

[tenloginjestzaje...]

Nie trzeba tworzyć walidacji poprzez onsubmit w form, można blokować button w formularzu czystym js, warunek czy dany input jest pusty.