Script werkt niet meer na click op button naar tweede deel (wanhoop)

[deDibbes]

Ik zit al 40 uur op een formulier waarin ik bepaalde input wil uitlezen (datumveld) om die verderop te verwerken voor het wel of niet tonen van velden.

Ik heb er nu een simpele onClick opzitten met een alert. In de source van de pagina is het script te zien. Het gaat om het volgende deel:
[js]
//------ CUSTOM FUNCTION () -------
//----------------------------------------
$(document).ready(function() {
//input_1_3 input_1_45


$("#input_1_3").click(function() {
alert("input_1_3");
});

$("#input_1_45").click(function() {
alert("input_1_45");
});
});
[/js]

Nu is het dus zo dat input_1_45 nooit een alert geeft. En dat input_1_3 het doet totdat de eerste submit "Uw gegevens" word geklikt.

Of er nou foute invoer is en je op het deel van de form blijft of dat je na de click terug gaat; geen van beide click triggers doen het meer.


Locatie van het formulier:

http://buitenkans.it-ability.nl/inschrijven-2/


Ik zou echt zooo blij zijn als iemand me kan helpen...

Groet,
josh

 

[Kvothe]

Je zal meer succes hebben qua antwoorden als je je vraag beter stelt bijvoorbeeld trim de code die je geeft zoveel mogelijk, want niemand heeft zin om een hele website uit te pluizen, en wat doen die knoppen eigenlijk?

 

[deDibbes]

Dat snap ik.... maar het lijkt mij dat elk ander script invloed kan hebben. Dus als ik alles ga kopiëren wordt het nog onduidelijker vrees ik.

Ik hoop dat iemand de moeite neemt.

Het stukje los / kaal, dus alleen met de onClick functie en de formvelden doen precies wat ze zouden moeten doen.
Maar juist in verband met de submitknop gaat het mis...

 

[Tha Devil]

Komt omdat het een AJAX-formulier is.

Je bind nu het click-event aan het element met ID "input_1_45".
Echter door het doorlopen van de stappen worden de velden waarschijnlijk na elke stap opnieuw gerenderd.

Dat houdt dus in dat je opnieuw het event moet binden.

Vroeger was er de functie ".live()" waarmee je huidige en toekomstige elementen die matchen kon opvragen.
Die is ondertussen deprecated en daarvoor kun je ".on()" gebruiken:

[js]$(document).on("click", "#input_1_45", function() {
alert("input_1_45");
});[/js]

 

[deDibbes]

@ Tha Devil

:thumb: ENORME DANK ..en..ongelofelijk..dat het inderdaad.. zo simpel is...maar dat ik er wel 40 uur frustratie in heb.. heel erg bedankt !!