hey ik had een vraagje over script
ik heb nu een formulier gemaakt en bij bij verplichte velden heb ik gezorgd dat je niet verder kan gaan zonder die te vullen maar ik weet bij 1 checkbox niet hoe ik het moet doen
ik moet zorgen dat je niet verder kan gaan zonder dat je de voorwaarde hebt geaccepteerd maar weet niet hoe je het moet doen kan iemand me helpen
ik ben nog nieuw heb pas gisteren voor het eerst met scripten gewerkt
en met wat internet info en zo heb ik nog wat kunnen doen maar de laatste wilt maar niet lukken weet iemand misschien wat ik moet doen
*met laatste bedoel ik de checkbox voorwaarden
alvast bedankt voor uw hulp en tijd
ik heb nu een formulier gemaakt en bij bij verplichte velden heb ik gezorgd dat je niet verder kan gaan zonder die te vullen maar ik weet bij 1 checkbox niet hoe ik het moet doen
ik moet zorgen dat je niet verder kan gaan zonder dat je de voorwaarde hebt geaccepteerd maar weet niet hoe je het moet doen kan iemand me helpen
HTML:
<html>
<head>
<title>Inschrijfformulier2</title>
<link href="inschrijfformulier.css" rel="stylesheet" type="text/css" />
</head>
<script>
function validateform()
{
var formulier = document.inschrijfformulier2;
var Voornaam = formulier.FirstName.value;
var Achternaam = formulier.Lastname.value;
var Postcode = formulier.Postcode.value;
var Woonplaats = formulier.Livingplace.value;
var geslacht;
if(formulier.geslacht[0].checked)
{
geslacht = formulier.geslacht[0].value;
} else if(formulier.geslacht[1].checked)
{
geslacht = formulier.geslacht[1].value;
}
var hobby;
if(formulier.hobby[0].checked)
{
hobby = formulier.hobby[0].value;
}
{
hobby = formulier.hobby[1].value;
}
{
hobby = formulier.hobby[2].value;
}
{
hobby = formulier.hobby[3].value;
}
{
hobby = formulier.hobby[4].value;
}
if(formulier.eten[0].checked)
{
eten = formulier.eten[0].value;
}
{
eten = formulier.eten[1].value;
}
{
eten = formulier.eten[2].value;
}
{
eten = formulier.eten[3].value;
}
{
eten = formulier.eten[4].value;
}
{
eten = formulier.eten[5].value;
}
var webdesigner;
if(formulier.webdesigner[0].checked)
{
webdesigner = formulier.webdesigner[0].value;
} else if(formulier.webdesigner[1].checked)
{
webdesigner = formulier.webdesigner[1].value;
}
if(Voornaam == "")
{
alert('Vul uw voornaam in!');
return false;
}
if(Achternaam == "")
{
alert('Vul uw achternaam in!');
return false;
}
if(Postcode == "")
{
alert('Vul uw postcode in!');
return false;
}
if(Woonplaats == "")
{
alert('Vul uw woonplaats in!');
return false;
}
if(!formulier.geslacht[0].checked && !formulier.geslacht[1].checked)
{
alert('Selecteer uw geslacht!');
return false;
}
if(!formulier.hobby[0].checked && !formulier.hobby[1].checked
&& !formulier.hobby[2].checked && !formulier.hobby[3].checked &&
!formulier.hobby[4].checked)
{
window.alert('Selecteer minstens 1 hobby!');
return false;
}
if(!formulier.eten[0].checked && !formulier.eten[1].checked
&& !formulier.eten[2].checked && !formulier.eten[3].checked &&
!formulier.eten[4].checked && !formulier.eten[5].checked)
{
window.alert('Selecteer minstens 1 keus!');
return false;
}
if(!formulier.webdesigner[0].checked && !formulier.webdesigner[1].checked)
{
alert('Selecteer uw keus!');
return false;
}
}
</script>
<body>
<FORM action="" name='inschrijfformulier2' id='inschrijfformulier2'>
<h1>Inschrijfformulier2</h1>
<table>
<tr><td><label>*Voornaam</label></td> <td><input type="text" name="FirstName"></td></tr>
<tr><td><label>Tussenvoegsel</label></td> <td><input type="text" name="Insert"></td></tr>
<tr><td><label>*Achternaam</label></td> <td><input type="text" name="Lastname"></td></tr>
<tr><td><label>Straat</label></td> <td><input type="text" name="Street"></td></tr>
<tr><td><label>Huisnummer</label></td> <td><input type="text" name="Livingnummer"></td></tr>
<tr><td><label>Toevoeging</label></td> <td><input type="text" name="Insert2"></td></tr>
<tr><td><label>*Postcode</label></td> <td><input type="text" name="Postcode"></td></tr>
<tr><td><label>*Woonplaats</label></td> <td><input type="text" name="Livingplace"></td></tr>
<tr><td><label>*Geslacht</label></td> <td><input type="radio" name="geslacht" value="man">Man</td>
<td><input type="radio" name="geslacht" value="vrouw">Vrouw</td></tr>
<tr><td><label>*Wat zijn je hobbies</label></td></tr>
<tr><td><input type="checkbox" name="hobby" value="voetballen">voetballen</td>
<td><input type="checkbox" name="hobby" value="film kijken">film kijken</td></tr>
<tr><td><input type="checkbox" name="hobby" value="lezen">lezen</td>
<td><input type="checkbox" name="hobby" value="geen leven hebben">geen leven hebben</td></tr>
<tr><td><input type="checkbox" name="hobby" value="muziek luisteren">muziek luisteren</td></tr>
<tr><td><label>Wat is uw geboorteplaats?:</label></td><td><input type="text" name="offertecompany" class="offertecompany" id="offertecompany"></td></tr>
<tr><td>Wat is uw geboortedatum?:</td><td>
<select onchange="sync_datum_dmy('geboortedatum_dag', 'geboortedatum_maand', 'geboortedatum_jaar', 'KAN_GEBOORTEDATUM')" class="datum_3_dd" id="geboortedatum_dag">
<option value="" selected="">dd</option>
<option value="01">01</option><option value="02">02</option><option value="03">03</option><option value="04">04</option><option value="05">05</option><option value="06">06</option><option value="07">07</option><option value="08">08</option><option value="09">09</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select>
<select onchange="sync_datum_dmy('geboortedatum_dag', 'geboortedatum_maand', 'geboortedatum_jaar', 'KAN_GEBOORTEDATUM')" class="datum_3_mm" id="geboortedatum_maand">
<option value="" selected="">mm</option>
<option value="01">jan</option><option value="02">feb</option><option value="03">mrt</option><option value="04">apr</option><option value="05">mei</option><option value="06">jun</option><option value="07">jul</option><option value="08">aug</option><option value="09">sep</option><option value="10">okt</option><option value="11">nov</option><option value="12">dec</option></select>
<select onchange="sync_datum_dmy('geboortedatum_dag', 'geboortedatum_maand', 'geboortedatum_jaar', 'KAN_GEBOORTEDATUM')" class="datum_3_jjjj" id="geboortedatum_jaar">
<option value="" selected="">jjjj</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</td></tr>
<tr><td>Wat vind u lekker?</td></tr>
<tr><td><input type="checkbox" name="eten">kumpir</td><td> <input type="checkbox" name="eten">shoarma</td></tr>
<tr><td><input type="checkbox" name="eten">etli ekmek</td><td> <input type="checkbox" name="eten">doner</td></tr>
<tr><td><input type="checkbox" name="eten">pizza</td><td> <input type="checkbox" name="eten">lahmacun</td></tr>
<tr><td><label>*Wilt u een webdesigner worden:</label></td></tr>
<tr><td><input type="radio" name="webdesigner"> Ja</td><td> <input type="radio" name="webdesigner"> Nee</td></tr>
<tr><td>*<input type="checkbox" name="steunen"> Ik steun mee met de algemene voorwaarden</td></tr>
<tr><td><input type="submit" value="Submit" onclick="return validateform();"></td></tr>
</table>
</FORM>
</body>
<html>ik ben nog nieuw heb pas gisteren voor het eerst met scripten gewerkt
en met wat internet info en zo heb ik nog wat kunnen doen maar de laatste wilt maar niet lukken weet iemand misschien wat ik moet doen
*met laatste bedoel ik de checkbox voorwaarden
alvast bedankt voor uw hulp en tijd
