Tijden veranderen
ingevulde velden behouden
ik maak een forumier met validatie.
als veld foutief wordt ingegeven krijg ik een popup met de foutboodschap.
tot hiertoe geen probleem.
als ik de popup wegklik krijg ik opnieuw een blanco formulier.
hoe kan ik ervoor zorgen dat de reeds ingevulde velden niet verdwijnen na het wegklikken van een popup?
hieronder de code :
<html>
<head>
<meta http-equiv="Content-Language" content="nl-be">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>contactformulier</title>
</head>
<body>
<!--webbot BOT="GeneratedScript" PREVIEW=" " startspan -->
<script Language="JavaScript"><!--
function Form_Validator()
{
if (theForm.naam.value == "")
{
alert("Geef een naam op.");
theForm.naam.focus();
return (false);
}
if (theForm.naam.value.length < 3)
{
alert("De naam moet ten minste 3 letters bevatten.");
theForm.naam.focus();
return (false);
}
if (theForm.naam.value.length > 30)
{
alert("De naam mag maximaal 30 letters bevatten.");
theForm.naam.focus();
return (false);
}
if (theForm.voornaam.value == "")
{
alert("Geef een voornaam op.");
theForm.voornaam.focus();
return (false);
}
if (theForm.voornaam.value.length < 2)
{
alert("De voornaam moet ten miste 2 letters bevatten.");
theForm.voornaam.focus();
return (false);
}
if (theForm.voornaam.value.length > 30)
{
alert("De voornaam mag maximaal 30 letters bevatten.");
theForm.voornaam.focus();
return (false);
}
return (true);
}
//--></script><!--webbot BOT="GeneratedScript" endspan -->
<form action="" method="GET"onsubmit="Form_Validator()" name="theForm">
<input type="hidden" name="recipient" value="[email protected]" />
<input type="hidden" name="subject" value="Vraag vanuit website" />
<input type="hidden" name="required" value= "naam, voornaam" />
<table border="0" cellspacing="1" width="98%" cellpadding="5"><tr>
<td width="24%">Naam: </td>
<td width="76%"><!--webbot bot="Validation" B-Value-Required="TRUE"
I-Minimum-Length="3" I-Maximum-Length="30" --><input type="text" name="naam" size="40" maxlength="30"></td>
</tr>
<tr>
<td width="24%">Voornaam: </td>
<td width="76%"><!--webbot bot="Validation" B-Value-Required="TRUE"
I-Minimum-Length="3" I-Maximum-Length="30" --><input type="text" name="voornaam" size="40" maxlength="30"></td>
</tr>
</table>
<p align="left">
&nbs p; &n bsp;
<input type="submit" value="Verzenden" >
<input type="reset" value="Invoer wissen"></p>
</form>
</body>
</html>
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
Hier de javascript code...
<form action="" method="GET" onsubmit="Form_Validator()" name="theForm">
<input type="hidden" name="recipient" value="[email protected]" />
<input type="hidden" name="subject" value="Vraag vanuit website" />
<input type="hidden" name="required" value= "naam, voornaam" />
<table border="0" cellspacing="1" width="98%" cellpadding="5"><tr>
<td width="24%">Naam: </td>
<td width="76%"><!--webbot bot="Validation" B-Value-Required="TRUE"
I-Minimum-Length="3" I-Maximum-Length="30" --><input type="text" name="naam" size="40" maxlength="30"></td>
</tr>
<tr>
<td width="24%">Voornaam: </td>
<td width="76%"><!--webbot bot="Validation" B-Value-Required="TRUE"
I-Minimum-Length="3" I-Maximum-Length="30" --><input type="text" name="voornaam" size="40" maxlength="30"></td>
</tr>
</table>
<p align="left">
<input type="button" value="Verzenden" onclick="Form_Validator()">
<input type="reset" value="Invoer wissen"></p>
</form>
</body>
</html>
<form action="" method="GET" onsubmit="Form_Validator()" name="theForm">
<input type="hidden" name="recipient" value="[email protected]" />
<input type="hidden" name="subject" value="Vraag vanuit website" />
<input type="hidden" name="required" value= "naam, voornaam" />
<table border="0" cellspacing="1" width="98%" cellpadding="5"><tr>
<td width="24%">Naam: </td>
<td width="76%"><!--webbot bot="Validation" B-Value-Required="TRUE"
I-Minimum-Length="3" I-Maximum-Length="30" --><input type="text" name="naam" size="40" maxlength="30"></td>
</tr>
<tr>
<td width="24%">Voornaam: </td>
<td width="76%"><!--webbot bot="Validation" B-Value-Required="TRUE"
I-Minimum-Length="3" I-Maximum-Length="30" --><input type="text" name="voornaam" size="40" maxlength="30"></td>
</tr>
</table>
<p align="left">
<input type="button" value="Verzenden" onclick="Form_Validator()">
<input type="reset" value="Invoer wissen"></p>
</form>
</body>
</html>
En zet de volgende keer alle code tussen tags.
Dat leest makkelijker
Gewijzigd op 01/01/1970 01:00:00 door Erwin Geen