Velden valideren als ze actief zijn
zojuist heb ik een poll veld gemaakt, het voldoet nog niet aan mijn verwachtingen.
Het gaat hierbij om 3 vragen die met ja en met nee beantwoord kunnen worden.
Stel dat iemand nee aanklikt dan verschijnt er een veld waar hij/zij een suggestie kan ingeven waarom het nee is.
Nu kom het gene dat ik graag erbij wil hebben:
Stel iemand vult nee in dan verschijnt dat veld voor de suggestie, als er op verstuur word geklikt dan moet worden gecontroleerd of de suggestie is ingevuld. Is die leeg geen een melding anders verstuur.
Als iemand Ja heeft ingevuld dan blijf de suggestie balk weg d.m.v. status hidden. als er dan op verstuur word geklikt mag hij direct verzonden worden.
Hieronder vinden jullie een link naar een online editor waarmee ik het gemaakt heb.
Hopelijk weet iemand hoe mij kan helpen dit te realiseren :)
Gr. Jop
http://jsfiddle.net/joppieb/LubLqmgh/1/
http://jsfiddle.net/LubLqmgh/3/
Gewijzigd op 04/09/2014 10:28:29 door E vH
Dat klopt inderdaad, maar nu is het zo dat ze ook als ze 'hidden' hebben worden gecontroleerd.
Ze mogen alleen bij 'show' worden gevalideerd zeg maar.
dus wat ik denk dat moet gebeuren is:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
$('input[type="radio"]').click(function(){
if($(this).attr("value")=="problem-No"){
$(".remark1").fadeIn(1000);
$(".remark1").prop('required',true);
}
if($(this).attr("value")=="problem-Yes"){
$(".remark1").fadeOut(500);
$(".remark1").prop('required',false);
}
});
if($(this).attr("value")=="problem-No"){
$(".remark1").fadeIn(1000);
$(".remark1").prop('required',true);
}
if($(this).attr("value")=="problem-Yes"){
$(".remark1").fadeOut(500);
$(".remark1").prop('required',false);
}
});
Zit ik in de juiste richting te denken?