Hallo Gemeinde,
ich bin gerade dabei ein Projekt in Typo3 zu realisieren und verzweifle an einem Test-Formular. Es handelt sich um ein Formular, welches aus drei Fragen mit jeweils drei Antworten besteht. Ja nach Antwort wird auf drei unterschiedliche Ergebnisseiten gesprungen. Problem: Es funktioniert nicht.
Wenn ich die Ergebnisse mit Alerts anzeigen lasse funktioniert es einwandfrei, daher schließe ich einen Fehler im JS-Code selbst eigentlich aus. Wo liegt der Fehler? Funktioniert eventuell so ein Vorgehen in Typo3 gar nicht?
Mein Code:
<script language="JavaScript" type="text/javascript">
<!--
function chkForm()
{
var Frage1=0;
var Frage2=0;
var Frage3=0;
Sprungziel=""
if(document.Test.q1a.checked) {
Frage1 = Frage1 + 1;
}
if(document.Test.q1b.checked) {
Frage1=Frage1+1;
}
if(document.Test.q1c.checked) {
Frage1=Frage1+1;
}
if(document.Test.q2a.checked) {
Frage2=Frage2+1;
}
if(document.Test.q2b.checked) {
Frage2=Frage2+1;
}
if(document.Test.q2c.checked) {
Frage2=Frage2+1;
}
if(document.Test.q3a.checked) {
Frage3=Frage3+1;
}
if(document.Test.q3b.checked) {
Frage3=Frage3+1;
}
if(document.Test.q3c.checked) {
Frage3=Frage3+1;
}
if (Frage1>=1 && Frage2>=1 && Frage3>=1) {
document.location.href="index.php?id=82";
return true;
}
if (Frage1>=1 && Frage2>=1 && Frage3==0) {
document.location.href="index.php?id=82";
return true;
}
if (Frage1>=1 && Frage2==0 && Frage3>=1) {
document.location.href="index.php?id=83";
return true;
}
if (Frage1==0 && Frage2>=1 && Frage3>=1) {
document.location.href="index.php?id=83";
return true;
}
if (Frage1==0 && Frage2==0 && Frage3>=1) {
document.location.href="index.php?id=83";
return true;
}
if (Frage1==0 && Frage2==0 && Frage3==0) {
document.location.href="index.php?id=84";
return true;
}
if (Frage1>=1 && Frage2==0 && Frage3==0) {
document.location.href="index.php?id=84";
return true;
}
if (Frage1==0 && Frage2>=1 && Frage3==0) {
document.location.href="index.php?id=84";
return true;
}
}
//-->
</script>
<form name="Test" method="post" action="" onsubmit="return chkForm()">
<p>1. Frage?</p>
<p>
<input type="checkbox" name="q1a" value="q1a" />
Anwort 1<br />
<input type="checkbox" name="q1b" value="q1b" />
Anwort 2<br />
<input type="checkbox" name="q1c" value="q1c" />
Anwort 3</p>
<p>2. Frage?</p>
<p>
<input type="checkbox" name="q2a" value="q2a" />
Anwort 1<br />
<input type="checkbox" name="q2b" value="q2b" />
Anwort 2<br />
<input type="checkbox" name="q2c" value="q2c" />
Anwort 3</p>
<p>3. Frage?
</p>
<p>
<input type="checkbox" name="q3a" value="q3a" />
Anwort 1<br />
<input type="checkbox" name="q3b" value="q3b" />
Anwort 2<br />
<input type="checkbox" name="q3c" value="q3c" />
Anwort 3</p>
<p>
<input type="submit" value="zum Testergebnis" />
</p>
</form>
Danke schon einmal für hilfreiche Tipps und viele Grüße
Thorsten