Javascript wordt niet uitgevoerd

jacobboersma · 17 jan 2011

Onderstaand javascript werkt op een of andere manier niet. Wat doe ik fout?

PHP:

<?php  
error_reporting( E_ALL ); 
ini_set( 'display_errors', 1 );   
?>  
<!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" xml:lang="en" lang="en"> 
<head> 
<TITLE>Pieter Stuyvesant Kuiertocht - Inschrijving 4 juni 2011</TITLE> 
<script language="JavaScript1.3">
<!--
function checkBank() {
	var b = document.elform.Bankrekeningnummer.value;
	var total = 0;
	b = removeDots( b );
	var j = b.length;
	for( var i = 0; i < b.length; i++ ) {
		total += b.charAt( i ) * j;
		j -= 1;
	}
	if( ( total % 11 ) != 0 ) {
		alert( "Not a valid bank account!" );
	}
}

function removeDots( param ) {
	var l = param.length;
	var bankacct = "";
	for( var i = 0; i < l; i++ ) {
		bankacct += param.charAt( i ) != "." ? param.charAt( i ) : "";
	}
	return bankacct;
}
-->
</script>
</HEAD> 
<body bgcolor="#c1fcc1"> 
<form action="connect.php" method="post" name="index"> 

<style type="text/css"> 
label { 
width: 8em; 
float: left; 
text-align: left; 
margin-left: 0,1em; 
clear: both 
} 

.grayborder { 
margin-left: 1.5em 
} 

label2 { 
width: 22em; 
float: left; 
text-align: left; 
margin-left: 0,1em; 
clear: both 
} 

.grayborder2 { 
margin-left: 20.5em 
} 

.grayborder3 { 
margin-left: 2.5em 
} 

.Normal-P 
        { 
        margin:0.0pt 0.0pt 0.0pt 0.0pt; text-align:left; font-weight:400;  
        } 
.Normal-P0 
        { 
        margin:0.0pt 0.0pt 0.0pt 0.0pt; text-align:center; font-weight:400;  
        } 
.Normal-C 
        { 
        font-family:"Arial", sans-serif; font-size:8.3pt; line-height:1.27;  
        } 
.normal-c21-C 
        { 
        font-family:"Arial", sans-serif; font-size:11.3pt; line-height:1.13em;  
        } 
.Normal-C0 
        { 
        font-family:"Calibri", sans-serif; font-weight:700; font-size:36.0pt;  
        line-height:1.23; color:#008000;  
        } 
.Normal-C1 
        { 
        font-family:"Times New Roman", serif; font-size:18.0pt;  
        line-height:1.17; color:#008000;  
        } 
</style> 
<center> 
<div style="position:relative;width:780px;"> 
<div style="position:absolute; left:7px; top:4px; width:116px; height:175px;"> 
    <img src="peters.gif" width="116" height="175" border="0" title="" alt="peters.gif"></div> 
<div style="position:absolute; left:15px; top:1142px; width:692px; height:28px;"> 
    <p class="Normal-P"><span class="Normal-C">&copy; 2008 -2011 <a href="mailto:webmaster@pieterstuyvesantkuiertocht.nl" style="">Jacob Boersma</a>. &nbsp;Alle rechten voorbehouden. Deze website is het beste te bekijken met een schermresolutie van 1024 X 768.<br><br></span></p> 
</div> 
<div style="position:absolute; left:100px; top:15px; width:546px; height:137px;"> 
    <p class="Normal-P0"><span class="Normal-C0">PIETER STUYVESANT KUIERTOCHT</span></p> 
</div> 
<div style="position:absolute; left:126px; top:140px; width:518px; height:31px;"> 
    <p class="Normal-P"><span class="Normal-C1">IN DE GEMEENTE WESTSTELLINGWERF E.O.</span></p> 
</div> 
<div style="position:absolute; left:650px; top:98px; width:120px; height:67px;"> 
    <a href="weststel.gif" target="_blank" onclick="WPImagePopup('Weststellingwerfse vlag','_blank',this.href,326,217,''); return false"><img src="afbeeldingen/wp807a852f.gif" width="120" height="67" border="0" title="Weststellingwerfse vlag" alt="Klik voor een vergroting."></a></div> 
<div style="position:absolute; left:650px; top:16px; width:120px; height:67px;"> 
    <a href="friesevlag.jpg" target="_blank" onclick="WPImagePopup('Friese vlag','_blank',this.href,800,444,''); return false"><img src="afbeeldingen/wp43f62200.jpg" width="120" height="67" border="0" title="Friese vlag" alt="Klik voor een vergroting."></a></div> 
<div style="position:absolute; left:0px; top:1128px; width:780px; height:1px;"> 
    <img src="afbeeldingen/wpb8645baa.png" width="780" height="1" border="0" title="" alt=""></div> 
<div style="position:absolute; left:0px; top:180px; width:780px; height:22px;"> 
    <img src="afbeeldingen/wp9b7a6010.png" width="780" height="22" border="0" title="" alt=""></div> 
</div> 
</center> 
<BLOCKQUOTE> 
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<span class="normal-c21-C"> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<B>Velden gemarkeerd met een <font color="red">*</font> zijn verplicht.</B><br> 
<fieldset><legend><H3>Persoonsgegevens</H3></legend> 
<label for="Voornaam">Voornaam:</label><input type="text" input name="Voornaam" id="" value="" size="15" maxlength="40" class="grayborder">&nbsp;<font color="red">*</font><br> 
<label for="Tussenvoegsel">Tussenvoegsel:</label> <input type="text" input name="Tussenvoegsel" id="not" size="7" maxlength="10" class="grayborder"><br> 
<label for="Achternaam">Achternaam:</label> <input type="text" input name="Achternaam" id="" size="15" maxlength="40" class="grayborder">&nbsp;<font color="red">*</font><br> 
<label for="Straatnaam">Straatnaam:</label> <input name="Straatnaam" type="text" id="req1" value="" size="15" maxlength="40" class="grayborder">&nbsp;<font color="red">*</font>&nbsp; 
Huisnr:<input name="Huisnummer" type="text" id="req1" value="" size="7" maxlength="6" class="grayborder">&nbsp;<font color="red">*</font>&nbsp;
Huisletter:<input name="Huisletter" type="text" id="req1" value="" size="7" maxlength="6" class="grayborder"><br>
<label for="Postcodecijfers">Postcode:</label> <input name="Postcodecijfers" type="text" id="" value="" size="4" maxlength="4" class="grayborder">&nbsp;<input type="text" name="Postcodeletters" value="" size="1" maxlength="2">&nbsp;<font color="red">*</font><br> 
<label for="Woonplaats">Woonplaats:</label> <input name="Woonplaats" type="text" id="" value="" size="15" maxlength="40" class="grayborder">&nbsp;<font color="red">*</font><br> 
<label for="Telefoon">Telefoonnummer:</label> <input name="Telefoonnummer" type="text" id=""value="" size="15" maxlength="11" class="grayborder">&nbsp;<font color="red">*</font><br> 
<label for="Emailadres">E-mailadres:</label> <input name="Emailadres" type="text" id="not" value="" size="15" maxlength="100" class="grayborder">&nbsp;<font color="red">*</font><br> 
<Label for="Geboortedatum">Geboortedatum:</label> <td width="71%"> 
<SELECT NAME="Geboortedag" SIZE="1" class="grayborder">
<OPTION VALUE=""></OPTION><OPTION VALUE="1">1</OPTION> <OPTION VALUE="2">2</OPTION> <OPTION VALUE="3">3</OPTION> <OPTION VALUE="4">4</OPTION> <OPTION VALUE="5">5</OPTION> <OPTION VALUE="6">6</OPTION> <OPTION VALUE="7">7</OPTION> <OPTION VALUE="8">8</OPTION> <OPTION VALUE="9">9</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 NAME="Geboortemaand" SIZE="1" class="">
<OPTION VALUE=""></OPTION><OPTION VALUE="1">Januari</OPTION> <OPTION VALUE="2">Febuari</OPTION> <OPTION VALUE="3">Maart</OPTION> <OPTION VALUE="4">April</OPTION> <OPTION VALUE="5">Mei</OPTION> <OPTION VALUE="6">Juni</OPTION> <OPTION VALUE="7">Juli</OPTION> <OPTION VALUE="8">Augustus</OPTION> <OPTION VALUE="9">September</OPTION> <OPTION VALUE="10">Oktober</OPTION>
<OPTION VALUE="11">November</OPTION> <OPTION VALUE="12">December</OPTION>
</select>
<SELECT NAME="Geboortejaar" SIZE="1" class="">
<option value=""></option>
<option value="1910">1910</option>
<option value="1911">1911</option>
<option value="1912">1912</option>
<option value="1913">1913</option>
<option value="1914">1914</option>
<option value="1915">1915</option>
<option value="1916">1916</option>
<option value="1917">1917</option>
<option value="1918">1918</option>
<option value="1919">1919</option>
<option value="1920">1920</option>
<option value="1921">1921</option>
<option value="1922">1922</option>
<option value="1923">1923</option>
<option value="1924">1924</option>
<option value="1925">1925</option>
<option value="1926">1926</option>
<option value="1927">1927</option>
<option value="1928">1928</option>
<option value="1929">1929</option>
<option value="1930">1930</option>
<option value="1931">1931</option>
<option value="1932">1932</option>
<option value="1933">1933</option>
<option value="1934">1934</option>
<option value="1935">1935</option>
<option value="1936">1936</option>
<option value="1937">1937</option>
<option value="1938">1938</option>
<option value="1939">1939</option>
<option value="1940">1940</option>
<option value="1941">1941</option>
<option value="1942">1942</option>
<option value="1943">1943</option>
<option value="1944">1944</option>
<option value="1945">1945</option>
<option value="1946">1946</option>
<option value="1947">1947</option>
<option value="1948">1948</option>
<option value="1949">1949</option>
<option value="1950">1950</option>
<option value="1951">1951</option>
<option value="1952">1952</option>
<option value="1953">1953</option>
<option value="1954">1954</option>
<option value="1955">1955</option>
<option value="1956">1956</option>
<option value="1957">1957</option>
<option value="1958">1958</option>
<option value="1959">1959</option>
<option value="1960">1960</option>
<option value="1961">1961</option>
<option value="1962">1962</option>
<option value="1963">1963</option>
<option value="1964">1964</option>
<option value="1965">1965</option>
<option value="1966">1966</option>
<option value="1967">1967</option>
<option value="1968">1968</option>
<option value="1969">1969</option>
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
</SELECT>&nbsp;<font color="red">*</font> <BR>
Lid KNBLO:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Ja:<input name="KNBLO" value="Ja" type="radio" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
Nee:<input name="KNBLO" value="Nee" type="radio" />&nbsp;<font color="red">*</font><BR> 
</fieldset> 
<BR> 
<fieldset><legend><H3>Aantallen</H3></legend> 
<label2 for="Aantal_L_W">Aantal kaarten lange route wandelaars (35 km):</label2><BR><input name="Aantal_L_W" type="text" id="" VALUE="0" size="2" maxlength="2" class="grayborder">&nbsp;<font color="red">*</font><br>
<label2 for="Aantal_K_W">Aantal kaarten korte route wandelaars (22 km):</label2><BR> <input name="Aantal_K_W" type="text" id="" VALUE="0" size="2" maxlength="2" class="grayborder">&nbsp;<font color="red">*</font><br><br>
<label2 for="Aantal_L_N">Aantal kaarten lange route Nordic Walkers (35 km):</label2><BR> <input name="Aantal_L_N" type="text" id="" VALUE="0" size="2" maxlength="2" class="grayborder">&nbsp;<font color="red">*</font><br> 
<label2 for="Aantal_K_N">Aantal kaarten korte route Nordic Walkers (22 km):</label2><BR> <input name="Aantal_K_N" type="text" id="" VALUE="0" size="2" maxlength="2" class="grayborder">&nbsp;<font color="red">*</font><br>
</fieldset> 
<BR> 
<fieldset><legend><H3>Betalingsgegevens</H3></legend> 
<label for="Bankrekeningnummer">Bankrekeningnummer:</label> <input name="Bankrekeningnummer" type="text" id="not" value="" size="15" maxlength="9" class="grayborder3" onblur="checkBank()">&nbsp;<font color="red">*</font><br> 
<label2 for="Voorwaarden">Ik ga akkoord met de <a href="voorwaarden.pdf" style="" target= "blank">algemene voorwaarden </a>:</label2> <input name="Voorwaarden" type="checkbox" id="not" value="Akkoord" size="" maxlength="" class="grayborder">&nbsp;<font color="red">*</font><br> 
</fieldset> 
<BR> 
<fieldset><legend><H3>Overige gegevens</H3></legend>
<Label3 for="Aanleiding">Aanleiding van uw aanmelding:</label3> <td width="71%"> 
<SELECT NAME="Aanleiding" SIZE="1" class="grayborder">
<OPTION VALUE=""></OPTION><OPTION VALUE="Website">Website</OPTION> <OPTION VALUE="Advertenties">Advertenties</OPTION> <OPTION VALUE="KNBLO Wandelgids">KNBLO Wandelgids</OPTION></select>&nbsp;<font color="red">*</font> <BR>
Opmerkingen: <B>Verzoeken omtrent starttijden worden niet gehonoreerd!</B>
<BR>
<textarea name="Opmerkingen" cols="40" rows="5" id="opmerkingen"></textarea> <BR>
</fieldset> 
<br> 
<input name="Reset "type="reset" id="Reset" Value="Wissen"> 
<input type="submit" name="submit" value="Verstuur"> 
</span> 
</BLOCKQUOTE> 
</form> 
</body> 
</HTML>

That Guy · 18 jan 2011

Wel handig als je verteld WAT er precies niet werkt. Zet eens een alert() in de 2 functies en kijk of ze gecalled worden.

jacobboersma · 18 jan 2011

Het is de bedoeling dat hij het veld Bankrekeningnummer controleert. Ik voer de zogenaamde 11-proef uit. Maar als ik een fout bankrekeningnummer invul dan geeft hij geen alert. De pagina is te vinden op: https://www.pieterstuyvesantkuiertochtinschrijven.nl/insch/aanmeldformulier.php Eventueel ingevulde data wordt gewist.

That Guy · 18 jan 2011

Error: document.elform is undefined
Source File: https://www.pieterstuyvesantkuiertochtinschrijven.nl/insch/aanmeldformulier.php
Line: 9

Je kan veel beter elementen ophalen via d.gEBY of via een inline this:

HTML:

<... onblur="checkBank(this);" ...>

[JS]function checkBank(elem)
{
alert(elem.value); // de waarde die is ingevuld
}[/JS]

jacobboersma · 18 jan 2011

Het werkt nu nog steeds niet. Hij geeft onderin ook aan: "Fout op de pagina".

Hier het aan gepaste script.

PHP:

<?php  
error_reporting( E_ALL ); 
ini_set( 'display_errors', 1 );   
?>  
<!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" xml:lang="en" lang="en"> 
<head> 
<TITLE>Pieter Stuyvesant Kuiertocht - Inschrijving 4 juni 2011</TITLE> 
<script language="JavaScript1.3">
<!--
function checkBank(elem) {
	var b = document.elform.Bankrekeningnummer.value;
	var total = 0;
	b = removeDots( b );
	var j = b.length;
	for( var i = 0; i < b.length; i++ ) {
		total += b.charAt( i ) * j;
		j -= 1;
	}
	if( ( total % 11 ) != 0 ) {
		alert(elem.value);    
	}
}

function removeDots( param ) {
	var l = param.length;
	var bankacct = "";
	for( var i = 0; i < l; i++ ) {
		bankacct += param.charAt( i ) != "." ? param.charAt( i ) : "";
	}
	return bankacct;
}
-->
</script>
</HEAD> 
<body bgcolor="#c1fcc1"> 
<form action="connect.php" method="post" name="index"> 

<style type="text/css"> 
label { 
width: 8em; 
float: left; 
text-align: left; 
margin-left: 0,1em; 
clear: both 
} 

.grayborder { 
margin-left: 1.5em 
} 

label2 { 
width: 22em; 
float: left; 
text-align: left; 
margin-left: 0,1em; 
clear: both 
} 

.grayborder2 { 
margin-left: 20.5em 
} 

.grayborder3 { 
margin-left: 2.5em 
} 

.Normal-P 
        { 
        margin:0.0pt 0.0pt 0.0pt 0.0pt; text-align:left; font-weight:400;  
        } 
.Normal-P0 
        { 
        margin:0.0pt 0.0pt 0.0pt 0.0pt; text-align:center; font-weight:400;  
        } 
.Normal-C 
        { 
        font-family:"Arial", sans-serif; font-size:8.3pt; line-height:1.27;  
        } 
.normal-c21-C 
        { 
        font-family:"Arial", sans-serif; font-size:11.3pt; line-height:1.13em;  
        } 
.Normal-C0 
        { 
        font-family:"Calibri", sans-serif; font-weight:700; font-size:36.0pt;  
        line-height:1.23; color:#008000;  
        } 
.Normal-C1 
        { 
        font-family:"Times New Roman", serif; font-size:18.0pt;  
        line-height:1.17; color:#008000;  
        } 
</style> 
<center> 
<div style="position:relative;width:780px;"> 
<div style="position:absolute; left:7px; top:4px; width:116px; height:175px;"> 
    <img src="peters.gif" width="116" height="175" border="0" title="" alt="peters.gif"></div> 
<div style="position:absolute; left:15px; top:1142px; width:692px; height:28px;"> 
    <p class="Normal-P"><span class="Normal-C">&copy; 2008 -2011 <a href="mailto:webmaster@pieterstuyvesantkuiertocht.nl" style="">Jacob Boersma</a>. &nbsp;Alle rechten voorbehouden. Deze website is het beste te bekijken met een schermresolutie van 1024 X 768.<br><br></span></p> 
</div> 
<div style="position:absolute; left:100px; top:15px; width:546px; height:137px;"> 
    <p class="Normal-P0"><span class="Normal-C0">PIETER STUYVESANT KUIERTOCHT</span></p> 
</div> 
<div style="position:absolute; left:126px; top:140px; width:518px; height:31px;"> 
    <p class="Normal-P"><span class="Normal-C1">IN DE GEMEENTE WESTSTELLINGWERF E.O.</span></p> 
</div> 
<div style="position:absolute; left:650px; top:98px; width:120px; height:67px;"> 
    <a href="weststel.gif" target="_blank" onclick="WPImagePopup('Weststellingwerfse vlag','_blank',this.href,326,217,''); return false"><img src="afbeeldingen/wp807a852f.gif" width="120" height="67" border="0" title="Weststellingwerfse vlag" alt="Klik voor een vergroting."></a></div> 
<div style="position:absolute; left:650px; top:16px; width:120px; height:67px;"> 
    <a href="friesevlag.jpg" target="_blank" onclick="WPImagePopup('Friese vlag','_blank',this.href,800,444,''); return false"><img src="afbeeldingen/wp43f62200.jpg" width="120" height="67" border="0" title="Friese vlag" alt="Klik voor een vergroting."></a></div> 
<div style="position:absolute; left:0px; top:1128px; width:780px; height:1px;"> 
    <img src="afbeeldingen/wpb8645baa.png" width="780" height="1" border="0" title="" alt=""></div> 
<div style="position:absolute; left:0px; top:180px; width:780px; height:22px;"> 
    <img src="afbeeldingen/wp9b7a6010.png" width="780" height="22" border="0" title="" alt=""></div> 
</div> 
</center> 
<BLOCKQUOTE> 
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<span class="normal-c21-C"> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<B>Velden gemarkeerd met een <font color="red">*</font> zijn verplicht.</B><br> 
<fieldset><legend><H3>Persoonsgegevens</H3></legend> 
<label for="Voornaam">Voornaam:</label><input type="text" input name="Voornaam" id="" value="" size="15" maxlength="40" class="grayborder">&nbsp;<font color="red">*</font><br> 
<label for="Tussenvoegsel">Tussenvoegsel:</label> <input type="text" input name="Tussenvoegsel" id="not" size="7" maxlength="10" class="grayborder"><br> 
<label for="Achternaam">Achternaam:</label> <input type="text" input name="Achternaam" id="" size="15" maxlength="40" class="grayborder">&nbsp;<font color="red">*</font><br> 
<label for="Straatnaam">Straatnaam:</label> <input name="Straatnaam" type="text" id="req1" value="" size="15" maxlength="40" class="grayborder">&nbsp;<font color="red">*</font>&nbsp; 
Huisnr:<input name="Huisnummer" type="text" id="req1" value="" size="7" maxlength="6" class="grayborder">&nbsp;<font color="red">*</font>&nbsp;
Huisletter:<input name="Huisletter" type="text" id="req1" value="" size="7" maxlength="6" class="grayborder"><br>
<label for="Postcodecijfers">Postcode:</label> <input name="Postcodecijfers" type="text" id="" value="" size="4" maxlength="4" class="grayborder">&nbsp;<input type="text" name="Postcodeletters" value="" size="1" maxlength="2">&nbsp;<font color="red">*</font><br> 
<label for="Woonplaats">Woonplaats:</label> <input name="Woonplaats" type="text" id="" value="" size="15" maxlength="40" class="grayborder">&nbsp;<font color="red">*</font><br> 
<label for="Telefoon">Telefoonnummer:</label> <input name="Telefoonnummer" type="text" id=""value="" size="15" maxlength="11" class="grayborder">&nbsp;<font color="red">*</font><br> 
<label for="Emailadres">E-mailadres:</label> <input name="Emailadres" type="text" id="not" value="" size="15" maxlength="100" class="grayborder">&nbsp;<font color="red">*</font><br> 
<Label for="Geboortedatum">Geboortedatum:</label> <td width="71%"> 
<SELECT NAME="Geboortedag" SIZE="1" class="grayborder">
<OPTION VALUE=""></OPTION><OPTION VALUE="1">1</OPTION> <OPTION VALUE="2">2</OPTION> <OPTION VALUE="3">3</OPTION> <OPTION VALUE="4">4</OPTION> <OPTION VALUE="5">5</OPTION> <OPTION VALUE="6">6</OPTION> <OPTION VALUE="7">7</OPTION> <OPTION VALUE="8">8</OPTION> <OPTION VALUE="9">9</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 NAME="Geboortemaand" SIZE="1" class="">
<OPTION VALUE=""></OPTION><OPTION VALUE="1">Januari</OPTION> <OPTION VALUE="2">Febuari</OPTION> <OPTION VALUE="3">Maart</OPTION> <OPTION VALUE="4">April</OPTION> <OPTION VALUE="5">Mei</OPTION> <OPTION VALUE="6">Juni</OPTION> <OPTION VALUE="7">Juli</OPTION> <OPTION VALUE="8">Augustus</OPTION> <OPTION VALUE="9">September</OPTION> <OPTION VALUE="10">Oktober</OPTION>
<OPTION VALUE="11">November</OPTION> <OPTION VALUE="12">December</OPTION>
</select>
<SELECT NAME="Geboortejaar" SIZE="1" class="">
<option value=""></option>
<option value="1910">1910</option>
<option value="1911">1911</option>
<option value="1912">1912</option>
<option value="1913">1913</option>
<option value="1914">1914</option>
<option value="1915">1915</option>
<option value="1916">1916</option>
<option value="1917">1917</option>
<option value="1918">1918</option>
<option value="1919">1919</option>
<option value="1920">1920</option>
<option value="1921">1921</option>
<option value="1922">1922</option>
<option value="1923">1923</option>
<option value="1924">1924</option>
<option value="1925">1925</option>
<option value="1926">1926</option>
<option value="1927">1927</option>
<option value="1928">1928</option>
<option value="1929">1929</option>
<option value="1930">1930</option>
<option value="1931">1931</option>
<option value="1932">1932</option>
<option value="1933">1933</option>
<option value="1934">1934</option>
<option value="1935">1935</option>
<option value="1936">1936</option>
<option value="1937">1937</option>
<option value="1938">1938</option>
<option value="1939">1939</option>
<option value="1940">1940</option>
<option value="1941">1941</option>
<option value="1942">1942</option>
<option value="1943">1943</option>
<option value="1944">1944</option>
<option value="1945">1945</option>
<option value="1946">1946</option>
<option value="1947">1947</option>
<option value="1948">1948</option>
<option value="1949">1949</option>
<option value="1950">1950</option>
<option value="1951">1951</option>
<option value="1952">1952</option>
<option value="1953">1953</option>
<option value="1954">1954</option>
<option value="1955">1955</option>
<option value="1956">1956</option>
<option value="1957">1957</option>
<option value="1958">1958</option>
<option value="1959">1959</option>
<option value="1960">1960</option>
<option value="1961">1961</option>
<option value="1962">1962</option>
<option value="1963">1963</option>
<option value="1964">1964</option>
<option value="1965">1965</option>
<option value="1966">1966</option>
<option value="1967">1967</option>
<option value="1968">1968</option>
<option value="1969">1969</option>
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
</SELECT>&nbsp;<font color="red">*</font> <BR>
Lid KNBLO:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Ja:<input name="KNBLO" value="Ja" type="radio" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
Nee:<input name="KNBLO" value="Nee" type="radio" />&nbsp;<font color="red">*</font><BR> 
</fieldset> 
<BR> 
<fieldset><legend><H3>Aantallen</H3></legend> 
<label2 for="Aantal_L_W">Aantal kaarten lange route wandelaars (35 km):</label2><BR><input name="Aantal_L_W" type="text" id="" VALUE="0" size="2" maxlength="2" class="grayborder">&nbsp;<font color="red">*</font><br>
<label2 for="Aantal_K_W">Aantal kaarten korte route wandelaars (22 km):</label2><BR> <input name="Aantal_K_W" type="text" id="" VALUE="0" size="2" maxlength="2" class="grayborder">&nbsp;<font color="red">*</font><br><br>
<label2 for="Aantal_L_N">Aantal kaarten lange route Nordic Walkers (35 km):</label2><BR> <input name="Aantal_L_N" type="text" id="" VALUE="0" size="2" maxlength="2" class="grayborder">&nbsp;<font color="red">*</font><br> 
<label2 for="Aantal_K_N">Aantal kaarten korte route Nordic Walkers (22 km):</label2><BR> <input name="Aantal_K_N" type="text" id="" VALUE="0" size="2" maxlength="2" class="grayborder">&nbsp;<font color="red">*</font><br>
</fieldset> 
<BR> 
<fieldset><legend><H3>Betalingsgegevens</H3></legend> 
<label for="Bankrekeningnummer">Bankrekeningnummer:</label> <input name="Bankrekeningnummer" type="text" id="not" value="" size="15" maxlength="9" class="grayborder3" onblur="checkBank(this);">&nbsp;<font color="red">*</font><br> 
<label2 for="Voorwaarden">Ik ga akkoord met de <a href="voorwaarden.pdf" style="" target= "blank">algemene voorwaarden </a>:</label2> <input name="Voorwaarden" type="checkbox" id="not" value="Akkoord" size="" maxlength="" class="grayborder">&nbsp;<font color="red">*</font><br> 
</fieldset> 
<BR> 
<fieldset><legend><H3>Overige gegevens</H3></legend>
<Label3 for="Aanleiding">Aanleiding van uw aanmelding:</label3> <td width="71%"> 
<SELECT NAME="Aanleiding" SIZE="1" class="grayborder">
<OPTION VALUE=""></OPTION><OPTION VALUE="Website">Website</OPTION> <OPTION VALUE="Advertenties">Advertenties</OPTION> <OPTION VALUE="KNBLO Wandelgids">KNBLO Wandelgids</OPTION></select>&nbsp;<font color="red">*</font> <BR>
Opmerkingen: <B>Verzoeken omtrent starttijden worden niet gehonoreerd!</B>
<BR>
<textarea name="Opmerkingen" cols="40" rows="5" id="opmerkingen"></textarea> <BR>
</fieldset> 
<br> 
<input name="Reset "type="reset" id="Reset" Value="Wissen"> 
<input type="submit" name="submit" value="Verstuur"> 
</span> 
</BLOCKQUOTE> 
</form> 
</body> 
</HTML>

That Guy · 18 jan 2011

De functie moet zo:[JS]function checkBank(elem) {
var b = elem.value; // hiero
var total = 0;
b = removeDots( b );
var j = b.length;
for( var i = 0; i < b.length; i++ ) {
total += b.charAt( i ) * j;
j -= 1;
}
if( ( total % 11 ) != 0 ) {
alert('fout banknummer!');
elem.style.backgroundColor = '#c33'; // bijvoorbeeld, voor de leukheid
}else{
elem.style.backgroundColor = '#3c3'; // zie hierboven
}
}
[/JS]

jacobboersma · 18 jan 2011

Het werkt. Echt supper bedankt.

Kan ik dit ook bij de andere velden doen. Bijvoorbeeld bij e-mailadres?

Ik kom er alleen achter dat hij postbanknummers ook fout rekent. Hier is geen formule voor. Het enigste wat ik daarvan weet is dat ze tussen de 3 en 7 cijfers bevatten. Dus 1, 2, 8 cijfers moeten worden foutgerekend.

That Guy · 18 jan 2011

Tuurlijk:
[JS]function validateEmail(elem)
{
var email = elem.value;

if("/een_regex_hier_bijvoorbeeld/".match(email))
{
alert('foutief email!'); // kan ook kleurtje
}else{
alert('goede email');
}
}[/JS]de functie werkt zo niet, maar die is vast wel te vinden met wat gegoochel. Het idee is dat je dus alleen een this in je HTML moet zetten en dit opvangen in Javascript met de 1e parameter's .value

Lengte van strings gaat via .length:[JS]if(d.length < 1 || d.length > 7)
{
alert('moet tussen de 1 en 7 zijn, exclusied');
}[/JS]

:thumb:

jacobboersma · 24 jan 2011

Ik ben even aan het prutsen geweest. Maar nu werkt de elf proef niet meer.
De pagina is de vinden op https://www.pieterstuyvesantkuiertochtinschrijven.nl/inschr/aanmeldformulier.php

Hier is het script.

PHP:

<?php  
error_reporting( E_ALL ); 
ini_set( 'display_errors', 1 );   
?>  
<!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" xml:lang="en" lang="en"> 
<head> 
<TITLE>Pieter Stuyvesant Kuiertocht - Inschrijving 4 juni 2011</TITLE> 
<script language="JavaScript1.3">
<!--
function checkBank(elem) {
    var b = elem.value;   // hiero
    var total = 0;
    b = removeDots( b );
    var j = b.length;
    for( var i = 0; i < b.length; i++ ) {
        total += b.charAt( i ) * j;
        j -= 1;
    }
    if( ( total % 11 ) != 0 ) {
        alert('Bankrekeningnummer is niet juist!');   
       elem.style.backgroundColor = '#c33';   // bijvoorbeeld, voor de leukheid
    }else{
       elem.style.backgroundColor = '#3c3';   // zie hierboven
   }
}
function removeDots( param ) {
	var l = param.length;
	var bankacct = "";
	for( var i = 0; i < l; i++ ) {
		bankacct += param.charAt( i ) != "." ? param.charAt( i ) : "";
	}
	return bankacct;
}
function checkGiro(elem) {
    var b = elem.value;   // hiero
    var total = 0;
    b = removeDots( b );
    var j = b.length;
    for( var i = 0; i < b.length; i++ ) {
        total += b.charAt( i ) * j;
        j -= 1;
    }
	if(d.length < 1 || d.length > 7)
{
   alert('moet tussen de 1 en 7 zijn, exclusied');
 elem.style.backgroundColor = '#c33';   // bijvoorbeeld, voor de leukheid
    }else{
       elem.style.backgroundColor = '#3c3';   // zie hierboven
   }
-->
</script>
</HEAD> 
<body bgcolor="#c1fcc1"> 
<form action="connect.php" method="post" name="index"> 

<style type="text/css"> 
label { 
width: 8em; 
float: left; 
text-align: left; 
margin-left: 0,1em; 
clear: both 
} 

.grayborder { 
margin-left: 1.5em 
} 

label2 { 
width: 22em; 
float: left; 
text-align: left; 
margin-left: 0,1em; 
clear: both 
} 

.grayborder2 { 
margin-left: 20.5em 
} 

.grayborder3 { 
margin-left: 2.5em 
} 

.Normal-P 
        { 
        margin:0.0pt 0.0pt 0.0pt 0.0pt; text-align:left; font-weight:400;  
        } 
.Normal-P0 
        { 
        margin:0.0pt 0.0pt 0.0pt 0.0pt; text-align:center; font-weight:400;  
        } 
.Normal-C 
        { 
        font-family:"Arial", sans-serif; font-size:8.3pt; line-height:1.27;  
        } 
.normal-c21-C 
        { 
        font-family:"Arial", sans-serif; font-size:11.3pt; line-height:1.13em;  
        } 
.Normal-C0 
        { 
        font-family:"Calibri", sans-serif; font-weight:700; font-size:36.0pt;  
        line-height:1.23; color:#008000;  
        } 
.Normal-C1 
        { 
        font-family:"Times New Roman", serif; font-size:18.0pt;  
        line-height:1.17; color:#008000;  
        } 
</style> 
<center> 
<div style="position:relative;width:780px;"> 
<div style="position:absolute; left:7px; top:4px; width:116px; height:175px;"> 
    <img src="peters.gif" width="116" height="175" border="0" title="" alt="peters.gif"></div> 
<div style="position:absolute; left:15px; top:1142px; width:692px; height:28px;"> 
    <p class="Normal-P"><span class="Normal-C">&copy; 2008 -2011 <a href="mailto:webmaster@pieterstuyvesantkuiertocht.nl" style="">Jacob Boersma</a>. &nbsp;Alle rechten voorbehouden. Deze website is het beste te bekijken met een schermresolutie van 1024 X 768.<br><br></span></p> 
</div> 
<div style="position:absolute; left:100px; top:15px; width:546px; height:137px;"> 
    <p class="Normal-P0"><span class="Normal-C0">PIETER STUYVESANT KUIERTOCHT</span></p> 
</div> 
<div style="position:absolute; left:126px; top:140px; width:518px; height:31px;"> 
    <p class="Normal-P"><span class="Normal-C1">IN DE GEMEENTE WESTSTELLINGWERF E.O.</span></p> 
</div> 
<div style="position:absolute; left:650px; top:98px; width:120px; height:67px;"> 
    <a href="weststel.gif" target="_blank" onclick="WPImagePopup('Weststellingwerfse vlag','_blank',this.href,326,217,''); return false"><img src="afbeeldingen/wp807a852f.gif" width="120" height="67" border="0" title="Weststellingwerfse vlag" alt="Klik voor een vergroting."></a></div> 
<div style="position:absolute; left:650px; top:16px; width:120px; height:67px;"> 
    <a href="friesevlag.jpg" target="_blank" onclick="WPImagePopup('Friese vlag','_blank',this.href,800,444,''); return false"><img src="afbeeldingen/wp43f62200.jpg" width="120" height="67" border="0" title="Friese vlag" alt="Klik voor een vergroting."></a></div> 
<div style="position:absolute; left:0px; top:1128px; width:780px; height:1px;"> 
    <img src="afbeeldingen/wpb8645baa.png" width="780" height="1" border="0" title="" alt=""></div> 
<div style="position:absolute; left:0px; top:180px; width:780px; height:22px;"> 
    <img src="afbeeldingen/wp9b7a6010.png" width="780" height="22" border="0" title="" alt=""></div> 
</div> 
</center> 
<BLOCKQUOTE> 
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<span class="normal-c21-C"> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<B>Velden gemarkeerd met een <font color="red">*</font> zijn verplicht.</B><br> 
<fieldset><legend><H3>Persoonsgegevens</H3></legend> 
<label for="Voornaam">Voornaam:</label><input type="text" input name="Voornaam" id="" value="" size="15" maxlength="40" class="grayborder">&nbsp;<font color="red">*</font><br> 
<label for="Tussenvoegsel">Tussenvoegsel:</label> <input type="text" input name="Tussenvoegsel" id="not" size="7" maxlength="10" class="grayborder"><br> 
<label for="Achternaam">Achternaam:</label> <input type="text" input name="Achternaam" id="" size="15" maxlength="40" class="grayborder">&nbsp;<font color="red">*</font><br> 
<label for="Straatnaam">Straatnaam:</label> <input name="Straatnaam" type="text" id="req1" value="" size="15" maxlength="40" class="grayborder">&nbsp;<font color="red">*</font>&nbsp; 
Huisnr:<input name="Huisnummer" type="text" id="req1" value="" size="7" maxlength="6" class="grayborder">&nbsp;<font color="red">*</font>&nbsp;
Huisletter:<input name="Huisletter" type="text" id="req1" value="" size="7" maxlength="6" class="grayborder"><br>
<label for="Postcodecijfers">Postcode:</label> <input name="Postcodecijfers" type="text" id="" value="" size="4" maxlength="4" class="grayborder">&nbsp;<input type="text" name="Postcodeletters" value="" size="1" maxlength="2">&nbsp;<font color="red">*</font><br> 
<label for="Woonplaats">Woonplaats:</label> <input name="Woonplaats" type="text" id="" value="" size="15" maxlength="40" class="grayborder">&nbsp;<font color="red">*</font><br> 
<label for="Telefoon">Telefoonnummer:</label> <input name="Telefoonnummer" type="text" id=""value="" size="15" maxlength="11" class="grayborder">&nbsp;<font color="red">*</font><br> 
<label for="Emailadres">E-mailadres:</label> <input name="Emailadres" type="text" id="not" value="" size="15" maxlength="100" class="grayborder">&nbsp;<font color="red">*</font><br> 
<Label for="Geboortedatum">Geboortedatum:</label> <td width="71%"> 
<SELECT NAME="Geboortedag" SIZE="1" class="grayborder">
<OPTION VALUE=""></OPTION><OPTION VALUE="1">1</OPTION> <OPTION VALUE="2">2</OPTION> <OPTION VALUE="3">3</OPTION> <OPTION VALUE="4">4</OPTION> <OPTION VALUE="5">5</OPTION> <OPTION VALUE="6">6</OPTION> <OPTION VALUE="7">7</OPTION> <OPTION VALUE="8">8</OPTION> <OPTION VALUE="9">9</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 NAME="Geboortemaand" SIZE="1" class="">
<OPTION VALUE=""></OPTION><OPTION VALUE="1">Januari</OPTION> <OPTION VALUE="2">Febuari</OPTION> <OPTION VALUE="3">Maart</OPTION> <OPTION VALUE="4">April</OPTION> <OPTION VALUE="5">Mei</OPTION> <OPTION VALUE="6">Juni</OPTION> <OPTION VALUE="7">Juli</OPTION> <OPTION VALUE="8">Augustus</OPTION> <OPTION VALUE="9">September</OPTION> <OPTION VALUE="10">Oktober</OPTION>
<OPTION VALUE="11">November</OPTION> <OPTION VALUE="12">December</OPTION>
</select>
<SELECT NAME="Geboortejaar" SIZE="1" class="">
<option value=""></option>
<option value="1910">1910</option>
<option value="1911">1911</option>
<option value="1912">1912</option>
<option value="1913">1913</option>
<option value="1914">1914</option>
<option value="1915">1915</option>
<option value="1916">1916</option>
<option value="1917">1917</option>
<option value="1918">1918</option>
<option value="1919">1919</option>
<option value="1920">1920</option>
<option value="1921">1921</option>
<option value="1922">1922</option>
<option value="1923">1923</option>
<option value="1924">1924</option>
<option value="1925">1925</option>
<option value="1926">1926</option>
<option value="1927">1927</option>
<option value="1928">1928</option>
<option value="1929">1929</option>
<option value="1930">1930</option>
<option value="1931">1931</option>
<option value="1932">1932</option>
<option value="1933">1933</option>
<option value="1934">1934</option>
<option value="1935">1935</option>
<option value="1936">1936</option>
<option value="1937">1937</option>
<option value="1938">1938</option>
<option value="1939">1939</option>
<option value="1940">1940</option>
<option value="1941">1941</option>
<option value="1942">1942</option>
<option value="1943">1943</option>
<option value="1944">1944</option>
<option value="1945">1945</option>
<option value="1946">1946</option>
<option value="1947">1947</option>
<option value="1948">1948</option>
<option value="1949">1949</option>
<option value="1950">1950</option>
<option value="1951">1951</option>
<option value="1952">1952</option>
<option value="1953">1953</option>
<option value="1954">1954</option>
<option value="1955">1955</option>
<option value="1956">1956</option>
<option value="1957">1957</option>
<option value="1958">1958</option>
<option value="1959">1959</option>
<option value="1960">1960</option>
<option value="1961">1961</option>
<option value="1962">1962</option>
<option value="1963">1963</option>
<option value="1964">1964</option>
<option value="1965">1965</option>
<option value="1966">1966</option>
<option value="1967">1967</option>
<option value="1968">1968</option>
<option value="1969">1969</option>
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
</SELECT>&nbsp;<font color="red">*</font> <BR>
Lid KNBLO:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Ja:<input name="KNBLO" value="Ja" type="radio" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
Nee:<input name="KNBLO" value="Nee" type="radio" />&nbsp;<font color="red">*</font><BR> 
</fieldset> 
<BR> 
<fieldset><legend><H3>Aantallen</H3></legend> 
<label2 for="Aantal_L_W">Aantal kaarten lange route wandelaars (35 km):</label2><BR><input name="Aantal_L_W" type="text" id="" VALUE="0" size="2" maxlength="2" class="grayborder">&nbsp;<font color="red">*</font><br>
<label2 for="Aantal_K_W">Aantal kaarten korte route wandelaars (22 km):</label2><BR> <input name="Aantal_K_W" type="text" id="" VALUE="0" size="2" maxlength="2" class="grayborder">&nbsp;<font color="red">*</font><br><br>
<label2 for="Aantal_L_N">Aantal kaarten lange route Nordic Walkers (35 km):</label2><BR> <input name="Aantal_L_N" type="text" id="" VALUE="0" size="2" maxlength="2" class="grayborder">&nbsp;<font color="red">*</font><br> 
<label2 for="Aantal_K_N">Aantal kaarten korte route Nordic Walkers (22 km):</label2><BR> <input name="Aantal_K_N" type="text" id="" VALUE="0" size="2" maxlength="2" class="grayborder">&nbsp;<font color="red">*</font><br>
</fieldset> 
<BR> 
<fieldset><legend><H3>Betalingsgegevens</H3></legend> 
<label for="Bankrekeningnummer">Bankrekeningnummer:</label> <input name="Bankrekeningnummer" type="text" id="not" value="" size="15" maxlength="9" class="grayborder3" onblur="checkBank(this);">&nbsp;<font color="red">*</font><br> 
<label2 for="Gironummer">Giro (postbank) nummer:</label2> <input name="Gironummer" type="text" id="not" value="" size="15" maxlength="7" class="grayborder3" onblur="checkGiro(this);">&nbsp;<font color="red">*</font><br> 
<label2 for="Voorwaarden">Ik ga akkoord met de <a href="voorwaarden.pdf" style="" target= "blank">algemene voorwaarden </a>:</label2> <input name="Voorwaarden" type="checkbox" id="not" value="Akkoord" size="" maxlength="" class="grayborder">&nbsp;<font color="red">*</font><br> 
</fieldset> 
<BR> 
<fieldset><legend><H3>Overige gegevens</H3></legend>
<Label3 for="Aanleiding">Aanleiding van uw aanmelding:</label3> <td width="71%"> 
<SELECT NAME="Aanleiding" SIZE="1" class="grayborder">
<OPTION VALUE=""></OPTION><OPTION VALUE="Website">Website</OPTION> <OPTION VALUE="Advertenties">Advertenties</OPTION> <OPTION VALUE="KNBLO Wandelgids">KNBLO Wandelgids</OPTION></select>&nbsp;<font color="red">*</font> <BR>
Opmerkingen: <B>Verzoeken omtrent starttijden worden niet gehonoreerd!</B>
<BR>
<textarea name="Opmerkingen" cols="40" rows="5" id="opmerkingen"></textarea> <BR>
</fieldset> 
<br> 
<input name="Reset "type="reset" id="Reset" Value="Wissen"> 
<input type="submit" name="submit" value="Verstuur"> 
</span> 
</BLOCKQUOTE> 
</form> 
</body> 
</HTML>

That Guy · 24 jan 2011

Fout: missing } after function body
Bronbestand: https://www.pieterstuyvesantkuiertochtinschrijven.nl/inschr/aanmeldformulier.php
Regel: 49, Kolom: 3
Broncode:
-->

je functie checkGiro moet nog een sluit-functie } hebben.

jacobboersma · 25 jan 2011

Nu werkt mijn checkBank wel maar mijn checkGiro nog niet. Wat doe ik fout?

That Guy · 25 jan 2011

Error: d is not defined
Source File: https://www.pieterstuyvesantkuiertochtinschrijven.nl/inschr/aanmeldformulier.php
Line: 41

ofwel:[JS]if(d.length < 1 || d.length > 7)
[/JS]moet[JS]if(b.length < 1 || b.length > 7)
[/JS]worden. Je kan dit zelf overgens ook uitvogelen: druk eens op shift+ctrl+J in Firefox of chrome. Je krijgt dan een error console te zien. Onderaan staat de laaste message.

jacobboersma · 25 jan 2011

Dank voor je antwoord. Nu nog even een vraagje.
In het veld mag de waarde 0 zijn. Is er toch wat ingevuld, dan moet die waarde tussen de 3 en de 7 zijn. Nu controleert hij wel of het tussen de 3 en de 7 is. Maar als ik niet in vul dan geeft hij ook een foutmelding. Dus simpel weg het mag geen 1 of 2 karakters bevatten.

That Guy · 25 jan 2011

je geeft het antwoord zelf:

In het veld mag de waarde 0 zijn. Is er toch wat ingevuld, dan moet die waarde tussen de 3 en de 7 zijn.

-->[JS]if( b.length == 0 || (b.length > 2 && b.length < 8) )
{
// ja
}[/JS]

jacobboersma · 25 jan 2011

Dank voor je antwoord. Het werkt alleen helaas niet. Als ik niets invul dan geeft hij toch een melding. De pagina staat nog steeds op bovengenoemde plaats.

That Guy · 26 jan 2011

Oh, ja, dat komt omdat het verkeerd om is. Er staat:
Als de lengte 0 is, OF kleiner dan 3/groter dan 7, dan geef je een alert.

Het moet dus worden[JS]if( b.length != 0 || (b.length < 2 && b.length > 8) )
{
// alert
}[/JS]oid.

jacobboersma · 26 jan 2011

Nu werk dat wel. als ik niets invul geeft hij geen melding. Dus dat is goed. maar als ik nu wel iets invul tussen de 3 en 7 dan geeft hij wel een foutmelding.

Hoe kan dat?

That Guy · 26 jan 2011

Oh, wauw, mijn logica moet echt eventjes gefixed worden.
Er staat nu: ALS de lengte NIET gelijk is aan 0 DAN geef je een error. Dus dat's niet de bedoeling.

Je wilt alleen een error als de lengte 1, 2 of hoger dan 7 is:
[JS]if(b.length == 1 || b.length == 2 || b.length > 7)
{
// alert
}[/JS]

Javascript wordt niet uitgevoerd

jacobboersma

Gebruiker

That Guy

Meubilair

jacobboersma

Gebruiker

That Guy

Meubilair

jacobboersma

Gebruiker

That Guy

Meubilair

jacobboersma

Gebruiker

That Guy

Meubilair

jacobboersma

Gebruiker

That Guy

Meubilair

jacobboersma

Gebruiker

That Guy

Meubilair

jacobboersma

Gebruiker

That Guy

Meubilair

jacobboersma

Gebruiker

That Guy

Meubilair

jacobboersma

Gebruiker

That Guy

Meubilair

Nieuwste berichten

Wij waarderen jouw privacy