Reset HTML form input fields na submit
Van zodra ik gelikt heb, zou ik graag hebben dat de input fields van de form
terug gereset zijn of blanko zijn.
Kan er iemand mij hierbij helpen.
Alvast bedankt.
<body onLoad="clearForms()" onUnload="clearForms()">
that does the trick!
Mogelijk impliceert de wens voor deze functionaliteit andere achterliggende problemen? Is er sprake van "dubbelposts" of spam in de betreffende formulieren? In dat geval zijn er meer en andere manieren om formulieren verder te beveiligen.
@Jan: clearForms() lijkt mij een custom JavaScript functie. Een implementatie van die functie is dan misschien ook handig. clearForms() is geen standaard JavaScript functie voor zover ik weet, en doet zonder implementatie dan ook niets, behalve het genereren van een foutmelding.
Thanks!
@Thomas en@Jan
Beide oplossingen voor leegmaken input value in form na submit werkt spijtiggenoeg niet...
Grts
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
<script>
function clearForms()
{
var i;
for (i = 0; (i < document.forms.length); i++) {
document.forms[i].reset();
}
}
</script>
function clearForms()
{
var i;
for (i = 0; (i < document.forms.length); i++) {
document.forms[i].reset();
}
}
</script>
- Ariën -:
Gelieve in het vervolg bij code de [code][/code]-tags gebruiken.
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Gewijzigd op 24/05/2017 17:54:44 door - Ariën -
Je zit alleen met het nadeel dat je geen notificatie kan geven in de DOM van je HTML.
Gewijzigd op 24/05/2017 17:55:35 door - Ariën -
Filip Lambinet op 24/05/2017 17:48:59:
@Thomas en@Jan
Beide oplossingen voor leegmaken input value in form na submit werkt spijtiggenoeg niet...
Beide oplossingen voor leegmaken input value in form na submit werkt spijtiggenoeg niet...
Hmm, wanneer zie je dan nog input terug? Wanneer je via de historie terugbladert? En je submit het formulier naar een aparte URL of actie? Vraag ik mij toch af hoe dat formulier dan in elkaar steekt en hoe de "flow" is. autocomplete="off" zou ervoor moeten zorgen dat (eerder) ingevulde gegevens niet onthouden worden, en dus ook niet automatisch opnieuw ingevuld worden.
Zou dat kunnen?
Hierbij de code van mijn index.html en ook van top.html:
Index.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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<html>
<head>
<title>MyBoxForRent</title>
</head>
<frameset rows="149,68%,43" framespacing="0" border="0" frameborder="0">
<frame name="top" scrolling="no" noresize target="middle" src="top.html" frameborder="0">
<frame name="middle" target="bottom" src="middle.html" scrolling="auto" noresize frameborder="0">
<frame name="bottom" src="bottom.html" scrolling="auto" frameborder="0" marginheight="0">
<noframes>
<body>
<p>This page uses frames, but your browser doesn't support them.</p>
</body>
</noframes>
</frameset>
</html>
top.html: (hierin zit de form)...
<html>
<head>
<title>Top</title>
<base target="middle">
</head>
<body bgcolor="#edd9c0" onLoad="clearForms()" onUnload="clearForms()">
<font face="Verdana" size="2" color="darkblue">
<!----------------------------------------------------->
<img border="0" src="images/myboxforrent01.png" width="318" height="58"></img>
<br><br>
<script>
function clearForms()
{
var i;
for (i = 0; (i < document.forms.length); i++) {
document.forms[i].reset();
}
}
</script>
<table>
<tr>
<!----------------------------------------------------->
<td>
<form name="boxen_lezen" method="get" action="box_algemeen_overzicht_mysql.php" target="middle">
<input type="submit" name="leesbox" value="Algemeen overzicht">
</form>
</td>
<!----------------------------------------------------->
<td width="20"></td>
<!----------------------------------------------------->
<td>
<form name="box_opvragen" method="get" action="box_opvragen.php" target="middle" autocomplete="off">
<input name="boxnr" type="text" size="03" id="boxnr">
<input type="submit" name="Opvragen" value="Opvragen">
</form>
</td>
<!----------------------------------------------------->
<td width="40"></td>
<!----------------------------------------------------->
<td>
<form name="boxen_nieuw" method="get" action="box_toevoegen.html" target="middle">
<input type="submit" name="nieuwebox" value="Nieuw">
</form>
</td>
<!----------------------------------------------------->
<td width="40"></td>
<!----------------------------------------------------->
<td>
<form name="box_wijzigen" method="get" action="box_wijzigen.php" target="middle" autocomplete="off">
<input name="boxnr" type="text" size="03" id="boxnr" value="">
<input type="submit" name="boxwijzigen" value="Wijzigen">
</form>
</td>
<!---------------------------------------------------->
</tr>
</table>
<td>
<td>
<hr>
</body>
</html>
<head>
<title>MyBoxForRent</title>
</head>
<frameset rows="149,68%,43" framespacing="0" border="0" frameborder="0">
<frame name="top" scrolling="no" noresize target="middle" src="top.html" frameborder="0">
<frame name="middle" target="bottom" src="middle.html" scrolling="auto" noresize frameborder="0">
<frame name="bottom" src="bottom.html" scrolling="auto" frameborder="0" marginheight="0">
<noframes>
<body>
<p>This page uses frames, but your browser doesn't support them.</p>
</body>
</noframes>
</frameset>
</html>
top.html: (hierin zit de form)...
<html>
<head>
<title>Top</title>
<base target="middle">
</head>
<body bgcolor="#edd9c0" onLoad="clearForms()" onUnload="clearForms()">
<font face="Verdana" size="2" color="darkblue">
<!----------------------------------------------------->
<img border="0" src="images/myboxforrent01.png" width="318" height="58"></img>
<br><br>
<script>
function clearForms()
{
var i;
for (i = 0; (i < document.forms.length); i++) {
document.forms[i].reset();
}
}
</script>
<table>
<tr>
<!----------------------------------------------------->
<td>
<form name="boxen_lezen" method="get" action="box_algemeen_overzicht_mysql.php" target="middle">
<input type="submit" name="leesbox" value="Algemeen overzicht">
</form>
</td>
<!----------------------------------------------------->
<td width="20"></td>
<!----------------------------------------------------->
<td>
<form name="box_opvragen" method="get" action="box_opvragen.php" target="middle" autocomplete="off">
<input name="boxnr" type="text" size="03" id="boxnr">
<input type="submit" name="Opvragen" value="Opvragen">
</form>
</td>
<!----------------------------------------------------->
<td width="40"></td>
<!----------------------------------------------------->
<td>
<form name="boxen_nieuw" method="get" action="box_toevoegen.html" target="middle">
<input type="submit" name="nieuwebox" value="Nieuw">
</form>
</td>
<!----------------------------------------------------->
<td width="40"></td>
<!----------------------------------------------------->
<td>
<form name="box_wijzigen" method="get" action="box_wijzigen.php" target="middle" autocomplete="off">
<input name="boxnr" type="text" size="03" id="boxnr" value="">
<input type="submit" name="boxwijzigen" value="Wijzigen">
</form>
</td>
<!---------------------------------------------------->
</tr>
</table>
<td>
<td>
<hr>
</body>
</html>
THANKS IN ADVANCE!
Gewijzigd op 24/05/2017 20:30:58 door - Ariën -
- Ariën -:
Gelieve in het vervolg bij code de [code][/code]-tags gebruiken.
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Verder raad ik af om frames te gebruiken. Het is een techniek van héél lang geleden die meer nadelen dan voordelen kent.
Gewijzigd op 24/05/2017 20:32:27 door - Ariën -