Hjælp til javascript - valideringsproblemer!!
Jeg er i gang med at lave et spørgeskema som skal sende svarene ind til en database.Problemet er at selvom alle spørgsmålene er valideret korrekt, vil den ikke indsende svarene og føre en videre til landingpagen.
Håber nogen kan hjælpe mig, da denne opgave skal afleveres i morgen :/
Mvh Christine
spørgeskemaet URL:
http://web304.webkn.dk/wp-content/telenor/index.html
html koden:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Telenor spørgeskema</title>
<style type="text/css"> </style>
<link href="landingpage.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
var smtrue; //bruges til at sætte hak i har IKKE smartphone
var tftrue;
var ynns1 = false;
var ynns2 = false;
var tfreds;
function skjul() {
document.getElementById('ja').hidden=true;
document.getElementById('tilfreds').hidden=true;
document.getElementById('newmark').hidden=true;
document.getElementById('nej').hidden=true;
document.getElementById('teleutilfreds').hidden=true;
document.getElementById('sp11').hidden=true;
}
function jaSmartphone()
{
document.getElementById('ja').hidden=false;
document.getElementById('nej').hidden=true;
document.getElementById('sp11').hidden=true;
document.getElementById('sp13').hidden=true;
smtrue = true;
}
function nejSmartphone()
{
document.getElementById('ja').hidden=true;
document.getElementById('nej').hidden=false;
document.getElementById('sp11').hidden=true;
document.getElementById('sp13').hidden=true;
smtrue = false;
}
function newmark()
{
document.getElementById('newmark').hidden=false;
document.getElementById('nonewmark').hidden=true;
ynns2 = false
if (!ynns || !ynns2)
{
document.getElementById('sp11').hidden=true;
}
}
function nonewmark()
{
document.getElementById('newmark').hidden=true;
document.getElementById('nonewmark').hidden=false;
ynns2 = true;
if (ynns1 && ynns2)
{
document.getElementById('sp11').hidden=false;
}
}
function t()
{
document.getElementById('tilfreds').hidden=true;
ynns1 = false;
tftrue = false;
if (!ynns || !ynns2)
{
document.getElementById('sp11').hidden=true;
}
}
function u()
{
document.getElementById('tilfreds').hidden=false;
ynns1 = true;
tftrue = true;
if (ynns1 && ynns2)
{
document.getElementById('sp11').hidden=false;
}
}
function teleutilfreds()
{
document.getElementById('teleutilfreds').hidden=false;
tfreds = true;
}
function teletilfreds()
{
document.getElementById('teleutilfreds').hidden=true;
tfreds = false;
}
function overvej()
{
document.getElementById('sp13').hidden=false;
}
function overvejikke()
{
document.getElementById('sp13').hidden=true;
}
//validering
var val =0; //value, en værdi der bruges til at tælle, resettes i hver "check"
var check = new Array (19); //ændre nummeret ved flere spørgsmål
var spnr = 0; //tallet på spørgsmålet. Fx Spørgsmål 1: spnr = 1
function kontrol() {
var returnValue = true;
var output = 'Du har ikke besvaret alle spørgsmålene.';
//KØN check
var kon = document.getElementsByName('køn');
val = 0;
spnr = 1;
for(var i = 0; i <kon.length; i++)
{if (kon[i].checked)
{ val +=1; }
}
if (val > 0){
check[spnr] = 0;}
else { check[spnr] = 1; }
//ÅRSTAL check
spnr = 2;
if (document.getElementById('aar').value == "")
{ check[spnr] = 1; }
else { check[spnr] = 0; }
//LANDSDEL check
spnr = 3;
if (document.getElementById('landsdel').value == "")
{ check[spnr] = 1; }
else { check[spnr] = 0; }
//HAR DU EN SMARTPHONE
var smartphone = document.getElementsByName('smartphone');
val = 0;
spnr = 4;
for(var i = 0; i <smartphone.length; i++)
{if (smartphone[i].checked)
{ val +=1; }
}
if (val > 0){
check[spnr] = 0;}
else { check[spnr] = 1; }
//checker om brugeren har smartphone (JA)
if (smtrue)
{
//HVILKET MÆRKE ER DIN SMARTPHONE
var mark = document.getElementsByName('mærke');
val = 0;
spnr = 5;
for(var i = 0; i <mark.length; i++)
{if (mark[i].checked)
{ val +=1; }
}
if (val > 0){
check[spnr] = 0;}
else { check[spnr] = 1; }
//Hvad bruger du din smartphone til
var bruger = document.getElementsByName('bruger');
val = 0;
spnr = 6;
for(var i = 0; i <bruger.length; i++)
{if (bruger[i].checked)
{ val +=1; }
}
if (val > 0){
check[spnr] = 0;}
else { check[spnr] = 1; }
//ER DU TILFREDS MED SMARTPHONE
var tilfreds = document.getElementsByName('tilfreds');
val = 0;
spnr = 7;
for(var i = 0; i <tilfreds.length; i++)
{if (tilfreds[i].checked)
{ val +=1; }
}
if (val > 0){
check[spnr] = 0;}
else { check[spnr] = 1; }
//IKKE TILFREDS MED SMARTPHONE
if(tftrue)
{
var iktilfreds = document.getElementsByName('iktilfreds');
val = 0;
spnr = 8;
for(var i = 0; i <iktilfreds.length; i++)
{if (iktilfreds[i].checked)
{ val +=1; }
}
if (val > 0){
check[spnr] = 0;}
else { check[spnr] = 1; }
}
//ANDET MÆRKE
var andetmarke = document.getElementsByName('andetmarke');
val = 0;
spnr = 9;
for(var i = 0; i <andetmarke.length; i++)
{if (andetmarke[i].checked)
{ val +=1; }
}
if (val > 0){
check[spnr] = 0;}
else { check[spnr] = 1; }
//Hvilket mærke smartphone kunne du godt tænke dig
var andetmarke = document.getElementsByName('andetmarke');
val = 0;
spnr = 10;
for(var i = 0; i <andetmarke.length; i++)
{if (andetmarke[i].checked)
{ val +=1; }
}
if (val > 0){
check[spnr] = 0;}
else { check[spnr] = 1; }
//Hvorfor har du valgt ikke at købe en ny smartphone?
if (ynns1 && ynns2)
{
var ikkeny = document.getElementsByName('ikkeny');
val = 0;
spnr = 11;
for(var i = 0; i <ikkeny.length; i++)
{if (ikkeny[i].checked)
{ val +=1; }
}
if (val > 0){
check[spnr] = 0;}
else { check[spnr] = 1; }
}
//Hvilket mærke smartphone kunne du godt tænke dig?
var andetmark = document.getElementsByName('andetmark');
val = 0;
spnr = 13;
for(var i = 0; i <andetmark.length; i++)
{if (andetmark[i].checked)
{ val +=1; }
}
if (val > 0){
check[spnr] = 0;}
else { check[spnr] = 1; }
if(!tfreds)
{
//HVorfor er du utilfreds med dit teleselskab?
var utilfreds = document.getElementsByName('utilfreds');
val = 0;
spnr = 17;
for(var i = 0; i <utilfreds.length; i++)
{if (utilfreds[i].checked)
{ val +=1; }
}
if (val > 0){
check[spnr] = 0;}
else { check[spnr] = 1; }
}
} //smtrue = true luk
if(!smtrue)
{
//Har du overvejet at købe en smartphone?
var overveje = document.getElementsByName('overveje');
val = 0;
spnr = 12;
for(var i = 0; i <overveje.length; i++)
{if (overveje[i].checked)
{ val +=1; }
}
if (val > 0){
check[spnr] = 0;}
else { check[spnr] = 1; }
}
//Hvilket teleselskab har du?
spnr = 15;
if (document.getElementById('teleselskab').value == "")
{ check[spnr] = 1; }
else { check[spnr] = 0; }
//Er du tilfreds med dit teleselskab?
var tilfredstele = document.getElementsByName('tilfredstele');
val = 0;
spnr = 16;
for(var i = 0; i <tilfredstele.length; i++)
{if (tilfredstele[i].checked)
{ val +=1; }
}
if (val > 0){
check[spnr] = 0;}
else { check[spnr] = 1; }
//Hvad kunne få dig til at skifte til et andet teleselskab?
var skifttele = document.getElementsByName('skifttele');
val = 0;
spnr = 18;
for(var i = 0; i <skifttele.length; i++)
{if (skifttele[i].checked)
{ val +=1; }
}
if (val > 0){
check[spnr] = 0;}
else { check[spnr] = 1; }
// Gør ting hvis spørgsmål er besvaret korrekt/ikke korrekt
for (var i = 1; i<check.length; i++) {
var spid ='sp' + i;
//Hvis det gik godt
if(check[i] == 0){
document.getElementById(spid).style.borderColor = "#0F0";
}
//Hvis det gik dårligt
if (check[i] == 1) {
document.getElementById(spid).style.borderColor = "#F00";
returnValue = false; }
}
//Returnering
if (!returnValue)
{ alert(output); }
return returnValue;
} // kontrol () luk
// -->
</script>
</head>
<body onload="skjul()">
<div id="pic"> </div>
<div id="text">
<h2>Brugerundersøgelse vedrørende brug af smartphones </h2>
<p>Udviklet af IdentifyIT </p>
<br />
<br />
</div>
<div id="skema">
<form action="http://projects.knord.dk/interaction/saveforminfo.aspx" method="post" onsubmit="return kontrol ()">
<input type="hidden" name="surveyid" value="chda15database" />
<input type="hidden" name="landingpage" value="http://web304.webkn.dk/wp-content/telenor/landingpage.html" />
<div id="sp1">
<p>Køn:</p>
<input type="radio" name="køn" value="mand" />Mand<br />
<input type="radio" name="køn" value="kvinde" />Kvinde
<br /><br /><br />
</div>
<div id="sp2">
<p>Hvilket år er du født?:</p>
<select name="år" id="aar">
<option value="">::Vælg::</option>
<option value="2007">2007</option>
<option value="2001">2001</option>
<option value="2000">2000</option>
<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
<option value="1996">1996</option>
<option value="1995">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
<option value="1992">1992</option>
<option value="1991">1991</option>
<option value="1990">1990</option>
<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
<option value="1979">1979</option>
<option value="1978">1978</option>
<option value="1977">1977</option>
<option value="1976">1976</option>
<option value="1975">1975</option>
<option value="1974">1974</option>
<option value="1973">1973</option>
<option value="1972">1972</option>
<option value="1971">1971</option>
<option value="1970">1970</option>
<option value="1969">1969</option>
<option value="1968">1968</option>
<option value="1967">1967</option>
<option value="1966">1966</option>
<option value="1965">1965</option>
<option value="1964">1964</option>
<option value="1963">1963</option>
<option value="1962">1962</option>
<option value="1961">1961</option>
<option value="1960">1960</option>
<option value="1959">1959</option>
<option value="1958">1958</option>
<option value="1957">1957</option>
<option value="1956">1956</option>
<option value="1955">1955</option>
<option value="1954">1954</option>
<option value="1953">1953</option>
<option value="1952">1952</option>
<option value="1951">1951</option>
<option value="1950">1950</option>
</select>
<br /><br />
</div>
<div id="sp3">
<p>Hvilken landsdel er du fra?:</p>
<select name="landsdel" id="landsdel">
<option value="">::Vælg::</option>
<option value="fyn">Fyn</option>
<option value="koebenhavn">København</option>
<option value="sjaelland">Sjælland</option>
<option value="nordsjaelland">Nordsælland</option>
<option value="oestjylland">Østjylland</option>
<option value="nordsjaelland">Nordjylland</option>
<option value="soenderjylland">Sønderjylland</option>
<option value="nordjylland">Nordjylland</option>
<option value="vestjylland">Vestjylland</option>
<option value="trekantsområdet">Trekantsområdet</option>
<option value="bornholm">Bornholm</option>
</select><br /><br />
</div>
<div id="sp4">
<p>Har du en smartphone?</p>
<input type="radio" name="smartphone" value="ja" onclick="jaSmartphone()" />Ja<br />
<input type="radio" name="smartphone" value="nej" onclick="nejSmartphone()" />Nej<br />
<br /><br />
</div>
<div id="ja">
<div id="sp5">
<p>Hvilket mærke er din smartphone?</p>
<input type="radio" name="mærke" value="htc" />HTC<br />
<input type="radio" name="mærke" value="iphone" />iPhone<br />
<input type="radio" name="mærke" value="nokia" />Nokia<br />
<input type="radio" name="mærke" value="samsung" />Samsung<br />
<input type="radio" name="mærke" value="sony" />Sony<br />
<input type="radio" name="mærke" value="andet" />Andet<br />
<br /><br />
</div>
<div id="sp6">
<p>Hvad bruger du mest din smartphone til? <br />
(sæt gerne flere hak)</p>
<input type="checkbox" name="bruger" value="nettet" />Gå på nettet<br />
<input type="checkbox" name="bruger" value="ringe" />Telefoni<br />
<input type="checkbox" name="bruger" value="smsmms" />sms/mms<br />
<input type="checkbox" name="bruger" value="kamera" />Kamera funktionen<br />
<input type="checkbox" name="bruger" value="gps" />GPS<br />
<input type="checkbox" name="bruger" value="vejret" />Tjekke vejrudsigten<br />
<input type="checkbox" name="bruger" value="musik" />Høre musik<br />
<input type="checkbox" name="bruger" value="facebook" />Facebook<br />
<input type="checkbox" name="bruger" value="kalender" />Kalender<br />
<input type="checkbox" name="bruger" value="nyheder" />Læse nyheder<br />
<input type="checkbox" name="bruger" value="spil" />Spille spil<br />
<input type="checkbox" name="bruger" value="mail" />Mail<br />
<input type="checkbox" name="bruger" value="apps" />Forskellige apps<br />
<input type="checkbox" name="bruger" value="andet" />Andet<br />
<br /><br />
</div>
<div id="sp7">
<p>Er du tilfreds med din smartphone? </p>
<input type="radio" name="tilfreds" value="ja" onclick="t()" />Ja<br />
<input type="radio" name="tilfreds" value="nej" onclick="u()" />Nej<br />
<br /><br />
</div>
<div id="tilfreds">
<div id="sp8">
<p>Hvorfor er du ikke tilfreds med din smartphone?<br />
(sæt gerne flere hak) </p>
<input type="checkbox" name="iktilfreds" value="langsom" />Den er for langsom<br />
<input type="checkbox" name="iktilfreds" value="strøm" />Den bruger for meget strøm<br />
<input type="checkbox" name="iktilfreds" value="funktioner" />Den mangler ønskede funktioner<br />
<input type="checkbox" name="iktilfreds" value="dyr" />Den er for dyr at bruge<br />
<input type="checkbox" name="iktilfreds" value="virkerik" />Den virker ikke som den skal<br />
<input type="checkbox" name="iktilfreds" value="andet" />Andet<br />
</div>
</div>
<div id="sp9">
<p>Har du overvejet at købe et andet mærke, end den smartphone du har nu?</p>
<input type="radio" name="andetmarke" value="ja" onclick="newmark()" />Ja<br />
<input type="radio" name="andetmarke" value="nej" onclick="nonewmark()" />Nej<br />
<br /><br />
</div>
<div id="newmark">
<div id="sp10">
<p>Hvilket mærke smartphone kunne du godt tænke dig?</p>
<input type="radio" name="hvilketmarke" value="htc" />HTC<br />
<input type="radio" name="hvilketmarke" value="iphone" />iPhone<br />
<input type="radio" name="hvilketmarke" value="nokia" />Nokia<br />
<input type="radio" name="hvilketmarke" value="samsung" />Samsung<br />
<input type="radio" name="hvilketmarke" value="sony" />Sony<br />
<input type="radio" name="hvilketmarke" value="andet" />Andet<br />
<br /><br />
</div>
</div>
<div id="nonewmark">
<div id="sp11">
<p>Hvorfor har du valgt ikke at købe en ny smartphone?</p>
<input type="radio" name="ikkeny" value="dyre" />De er for dyre<br />
<input type="radio" name="ikkeny" value="abb" />Jeg er bundet til et abonnement<br />
<input type="radio" name="ikkeny" value="venter" />Jeg venter til der kommer en på markedet jeg kunne tænke mig<br />
<input type="radio" name="ikkeny" value="ventgamle" />Jeg venter til den gamle ikke virker mere<br />
<input type="radio" name="ikkeny" value="andet" />Andet<br />
<br /><br />
</div>
</div>
</div> <!-- afslut ja -->
<div id="nej">
<div id="sp12">
<p>Har du overvejet at købe en smartphone? </p>
<input type="radio" name="overveje" value="ja" onclick="overvej()" />Ja<br />
<input type="radio" name="overveje" value="nej" onclick="overvejikke()" />Nej<br />
<br /><br />
</div>
<div id="sp13">
<p>Hvilket mærke smartphone kunne du godt tænke dig?</p>
<input type="radio" name="andetmark" value="htc" />HTC<br />
<input type="radio" name="andetmak" value="iphone" />iPhone<br />
<input type="radio" name="andetmark" value="nokia" />Nokia<br />
<input type="radio" name="andetmark" value="samsung" />Samsung<br />
<input type="radio" name="andetmark" value="sony" />Sony<br />
<input type="radio" name="andetmark" value="andet" />Andet<br />
<br /><br />
</div>
</div> <!-- afslut nej -->
<div id="sp15">
<p>Hvilket teleselskab har du?</p>
<select name="teleselskab" id="teleselskab">
<option value="">::Vælg::</option>
<option value="telenor">Telenor</option>
<option value="tdc">TDC</option>
<option value="telia">Telia</option>
<option value="3">3</option>
<option value="onfone">Onfone</option>
<option value="telmor">Telmore</option>
<option value="m1">M1</option>
<option value="oister">Oister</option>
<option value="cbb">CBB</option>
<option value="callme">Call Me</option>
<option value="lebara">Lebara</option>
<option value="andet">Andet</option>
</select>
<br /><br />
</div>
<div id="sp16">
<p>Er du tilfreds med dit teleselskab? </p>
<input type="radio" name="tilfredstele" value="ja" onclick="teletilfreds()" />Ja<br />
<input type="radio" name="tilfredstele" value="nej" onclick="teleutilfreds()" />Nej<br />
<br /><br />
</div>
<div id="teleutilfreds">
<div id="sp17">
<p>Hvorfor er du utilfreds med dit nuværende teleselskab?<br />
(sæt gerne flere hak)</p>
<input type="checkbox" name="utilfreds" value="dyr" />Det er for dyrt<br />
<input type="checkbox" name="utilfreds" value="service" />Dårlig servicee<br />
<input type="checkbox" name="utilfreds" value="dækning" />Dårlig dækning<br />
<input type="checkbox" name="utilfreds" value="udvalg" />Dårligt udvalg af abonnementer<br />
<input type="checkbox" name="utilfreds" value="andet" />Andet<br />
<br /><br />
</div>
</div>
<div id="sp18">
<p>Hvad kunne få dig til at skifte til et andet teleselskab?<br />
(sæt gerne flere hak)</p>
<input type="checkbox" name="skifttele" value="billigt" />Billigt abonnement<br />
<input type="checkbox" name="skifttele" value="dækning" />Bedre dækning<br />
<input type="checkbox" name="skifttele" value="internet" />Hurtigere internet<br />
<input type="checkbox" name="skifttele" value="udvalg" />Stort udvalg af mobiltelefoner<br />
<input type="checkbox" name="skifttele" value="tilbud" />Gode tilbud<br />
<input type="checkbox" name="skifttele" value="andet" />Andet<br />
<br /><br />
</div>
<div id="sp19">
<p>Har du yderlige kommentare, er du velkommen til at skrive dem her:</p>
<textarea name="kommentare" rows="" cols="" ></textarea><br /><br /><br />
</div>
<div id="bund">
<input type="submit" />
</div>
</form>
</div>
</body>
</html>