Porównanie 2 adresów email przed wysyłką formularza


(northwest) #1

Witam serdecznie,

Mam taki formularz: http://46.29.150.76/test/zarezerwuj.html

 

Chciałbym żeby w momencie gdy user klika guziczek "Potwierdzam i płacę" (widoczny po wyborze usługi z selecta oraz akceptacji regulaminu)

js/jquery sprawdzał czy podane maile są identyczne i jeśli:

a) tak - wykonał POST'a (wysyłkę) formularza

b) nie - wyświetlił alert i zatrzymał wysyłkę.

 

Ma ktoś może pomysł jak to zrobić?

 

 

Bardzo proszę o pomoc,

Northwest


(Arminmarecki) #2

Jeśli dobrze rozumiem, to wystarczy jedynie podpiąć do obiektu formularza zdarzenie (on)submit, jak poniżej:

form.addEventListener('submit', function (e) {
if (poleEmail1.value !== poleEmail2.value) e.preventDefault();
}, false);

Powinno działać we wszystkich przeglądarkach i w IE9+, ewentualnie może “po staremu”:

form.onsubmit = function (e) {
if (poleEmail1.value !== poleEmail2.value) return false;
};

(IE8- nie obsługują ani addEventListener, ani preventDefault).


(northwest) #3

w jaki sposób mogę to dodać do mojego kodu?

 

Po prostu:

<script>

…Twój kod…

</script>?