Drukowana wersja tematu

Napisany przez: esiek 29.01.2018, 22:24:39

W uproszczeniu kod wygląda tak

[HTML] pobierz, plaintext 
$('#sendForm').click(function(event){
 
// JAKAŚ TAM WALIDACJA FORMULARZA
if(bledy>0)
{
$('html, body').animate({
scrollTop: $("#form").offset().top
}, 300);
return false;
}
else
{
$('#sendForm').css('display', 'none'); // ta część kodu się nie wykonuje
$('#waitSend').css('display', 'block'); // ta część kodu się nie wykonuje
return true;
}
 
});
[HTML] pobierz, plaintext 

Po kliknięciu "wyślij formularz" jeżeli w formularzu są błędy wysylanie submit zostaje zatrzymane przez return false;. Niestety ta część odpowiedzialna za return true; i kod w kalmerkach else się nie wykonuje tylko zwyczajnie czeka na załadowanie strony.

Ostatecznie potrzebuję to, aby po wysłaniu formularza zamówienia usunąć przycisk "wyślij formularz", aby klient czekając na request z serwera w nerwach nie klikał pierdyliard razy bo później mi wyskakuje kilka takich samych zleceń.

Napisany przez: gitbejbe 30.01.2018, 18:16:34

Tak na szybko

[HTML] pobierz, plaintext 
 
var wyslano = false;
 
$( "#sendForm" ).on('submit', function(event) {
 
    if (bledy) {
        ...
    }
    else if(wyslano == false){
         wyslano = true;
 
         $('#sendForm').css('display', 'none'); 
         $('#waitSend').css('display', 'block'); 
 
         return true; 
    }
 
    return false;
 
});
 
[HTML] pobierz, plaintext 

Napisany przez: esiek 30.01.2018, 23:25:08

Dziękuje za odpowiedź ale przyznam, że nie sprawdzałem nawet. Ostatecznie po wykonaniu walidacji w klamerkach użyłem $.post, gdzie serwer zwraca mi link do zamówienia po jego utworzeniu. Na zwróconą wartość z $.post przekierowuję klienta i sprawa się rozwiązuje. W razie wyłącznie JS wszystko przechodzi na serwer i jest ok. Walidacja po stronie przeglądarki jest taka sama jak po stronie serwera wiec nie powinno być problemów.