Scripts
Formulier met handige extra's
Dit formulier heeft een functie om gelijk te controleren of de waardes die herhaald moeten worden, gelijk zijn, en hij controleert meteen of de email een @ bevat, en of er een geldige waarde achter de . staat (dus bijvoorbeeld niet [email protected] ofzo)
formulier-met-handige-extras
Het is de volgende code:
[code]
<html>
<head>
<title>test</title>
<style>
<!--
body{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
}
table{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
}
.noborder{
border:none;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
}
select{
font-family:sans-serif, Helvetica;
}
.smalltxt{
border:none;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
//////////////////////////////////////////////////////////////////
/* This code is created by: Koen Scheres, aKa BlackLightning */
/* DO NOT REMOVE THIS TAG! */
//////////////////////////////////////////////////////////////////
function leeg(){
document.myForm.mail1.value='';
document.myForm.mail2.value='';
document.myForm.gebruiker1.value='';
document.myForm.gebruiker2.value='';
document.myForm.pass1.value='';
document.myForm.pass2.value='';
document.myForm.correct.value='';
document.myForm.correct2.value='';
document.myForm.correct3.value='';
document.myForm.correct4.value='';
}
//----------Check if password entrys are the same----------//
function controleerpw(){ // Start the function
var pass1=document.myForm.pass1.value; // Get the values from the form
var pass2=document.myForm.pass2.value; // Get the values from the form
if(pass1==''){ // See if they are set
document.plaatje.src=('none.png'); // No, so show an empty picture
document.myForm.correct.value=(''); // And make 'control-text' empty
}
else if(pass2==''){ // See if they are set
document.plaatje.src=('none.png'); // No, so show an empty picture
document.myForm.correct.value=(''); // And make 'control-text' empty
}
else{ // If they're both filled in:
if(pass1==pass2){ // See if they are the same, if they're both set
document.plaatje.src=('right.png'); // Yes, so show the 'correct' picture
document.myForm.correct.value=('De passwords zijn hetzelfde!'); // Print a certain line in the 'control-text' area
pass1=''; // This is for securety reasons, only during the controleerpw() function these variables have values. With a certain code you can get these values on your screen, this is why it's like this.
pass2=''; // Same as above
}
else{ // They are both filed in, but they're not the same
document.plaatje.src=('wrong.png'); // No, so show the 'wrong' picture
document.myForm.correct.value=('De passwords zijn verschillend :( !'); // Print a certain line in the 'control-text' area
pass1=''; // This is for securety reasons, only during the controleerpw() function these variables have values. With a certain code you can get these values on your screen, this is why it's like this.
pass2=''; // Same as above
}
}
}
//----------Check if the e-mail entrys are the same----------//
function controleeremail(){ // Start the function
var mail1=document.myForm.mail1.value; // Get the values from the form
var mail2=document.myForm.mail2.value; // Get the values from the form
if(mail1==''){ // See if they are set
document.plaatje2.src=('none.png'); // No, so show an empty picture
document.myForm.correct2.value=(''); // And make 'control-text' empty
}
else if(mail2==''){ // See if they are set
document.plaatje2.src=('none.png'); // No, so show an empty picture
document.myForm.correct2.value=(''); // And make 'control-text' empty
}
else{ // If they're both filled in:
if(mail1==mail2){ // See if they are the same, if they're both set
document.plaatje2.src=('right.png'); // Yes, so show the 'correct' picture
document.myForm.correct2.value=('De e-mails zijn hetzelfde!'); // Print a certain line in the 'control-text' area
}
else{ // They are both filed in, but they're not the same
document.plaatje2.src=('wrong.png'); // No, so show the 'wrong' picture
document.myForm.correct2.value=('De e-mails zijn verschillend :( !'); // Print a certain line in the 'control-text' area
}
}
}
function validatemail(){
var y=document.myForm.mail1.value
var x=y.split('@');
var z=x[1]
if(z.length>3){
var zx=z.split('.');
var zy=zx[1];
var zz=zx[2];
if(zx[0]<1){
document.plaatje4.src=('wrong.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is niet geldig :( !');
}
else{
switch(zy){
case 'ac':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'as':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'ad':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'ag':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'am':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'ar':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'au':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'bb':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'be':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'bi':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'bm':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'br':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'bz':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'io':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'ca':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'cc':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'cd':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'cg':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'cl':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'cn':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'cu':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'cx':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'hr':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'dk':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'do':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'ec':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'fr':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'de':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'ge':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'gi':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'gr':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'hk':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'hu':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'id':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'in':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'is':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'ie':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'im':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'it':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'jo':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'jp':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'kr':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'li':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'lt':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'lu':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'lv':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'mt':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'mx':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'fm':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'nl':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'nu':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'pk':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'pa':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'ru':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'sg':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'sk':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'es':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'sh':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'se':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'ch':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'com':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'net':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'org':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'co':
switch(zx[2]){
case 'uk':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'cr':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'nz':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
case 'th':
document.plaatje4.src=('right.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is geldig!');
break;
default:
document.plaatje4.src=('wrong.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is niet geldig :( !');
break;
}
break;
default:
document.plaatje4.src=('wrong.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is niet geldig :( !');
break;
}
}
}
else{
document.plaatje4.src=('wrong.png'); // No, so show the 'wrong' picture
document.myForm.correct4.value=('De e-mail is niet geldig :( !');
}
}
//----------Check if the user entrys are the same----------//
function controleergebruiker(){ // Start the function
var gebr1=document.myForm.gebruiker1.value; // Get the values from the form
var gebr2=document.myForm.gebruiker2.value; // Get the values from the form
if(gebr1==''){ // See if they are set
document.plaatje3.src=('none.png'); // No, so show an empty picture
document.myForm.correct3.value=(''); // And make 'control-text' empty
}
else if(gebr2==''){ // See if they are set
document.plaatje3.src=('none.png'); // No, so show an empty picture
document.myForm.correct3.value=(''); // And make 'control-text' empty
}
else{ // If they're both filled in:
if(gebr1==gebr2){ // See if they are the same, if they're both set
document.plaatje3.src=('right.png'); // Yes, so show the 'correct' picture
document.myForm.correct3.value=('De gebruikersnamen zijn hetzelfde!'); // Print a certain line in the 'control-text' area
}
else{ // They are both filed in, but they're not the same
document.plaatje3.src=('wrong.png'); // No, so show the 'wrong' picture
document.myForm.correct3.value=('De gebruikersnamen zijn verschillend :( !'); // Print a certain line in the 'control-text' area
}
}
}
function controleer_bovenstaande_waarde(){
if(document.myForm.correct4.value==''){
document.myForm.correct4.value=('Geen valide e-mail! typ aub de goede in!');
document.plaatje4.src=('wrong.png');
}
}
</script>
</head>
<body onLoad="leeg()">
<form name="myForm">
<table width="90%" align="left">
<tr>
<td width="10%">Gebruikersnaam:</td>
<td width="10%"><input type="text" name="gebruiker1" onBlur="controleergebruiker()"></td>
<td width="80%"> </td>
</tr>
<tr>
<td width="10%">Herhaal Gebruikersnaam:</td>
<td width="10%"><input type="text" name="gebruiker2" onBlur="controleergebruiker()"></td>
<td align="left" width="80%"><img src="none.png" name="plaatje3"><input type="text" class="noborder" size="50" name="correct3" onFocus="document.myForm.mail1.focus()">
</td>
</tr>
<tr>
<td width="10%">E-mail:</td>
<td width="10%"><input type="text" name="mail1" onBlur="validatemail()"><input type="hidden" name="emailcheck"></td>
<td align="left" width="80%"><img src="none.png" name="plaatje4"><input type="text" class="noborder" size="50" name="correct4" onFocus="document.myForm.mail2.focus()">
</td>
</tr>
<tr>
<td width="10%">Herhaal e-mail:</td>
<td width="10%"><input type="text" name="mail2" onBlur="controleeremail()" onFocus="controleer_bovenstaande_waarde()"></td>
<td align="left" width="80%"><img src="none.png" name="plaatje2"><input type="text" class="noborder" size="50" name="correct2" onFocus="document.myForm.pass1.focus()"></td>
</tr>
<td width="10%">Wachtwoord:</td>
<td width="10%"><input type="password" name="pass1" onBlur="controleerpw()" onFocus="controleer_bovenstaande_waarde()"></td>
<td width="80%"> </td>
</tr>
<tr>
<td width="10%">Herhaal wachtwoord:</td>
<td width="10%"><input type="password" name="pass2" onBlur="controleerpw()"></td>
<td align="left" width="80%"><img src="none.png" name="plaatje"><input type="text" class="noborder" size="50" name="correct" onFocus="document.myForm.gebruiker1.focus()"></td>
</tr>
</table>
</form>
</body>
</html>
[/code]
Ik ben nog bezig aan een anti-spam functie (in php),
Koen
Reacties
0