controleren of twee velden hetzelfde zijn
Ik ben bezig met JS. De bedoeling is dat bij de twee input velden dezelfde waardes komen voordat dit opgeslagen wordt in de database.
Maar het valideren werkt niet. Ik krijg geen rode tekst onder de input van: wachtwoord komt niet overeen.
Kan iemand mij helpen?
alvast bedankt.
mijn code is:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script>
function validat(e) {
if(e.wachtwoord.value != e.wachtwoord_herhaal.value) {
document.getElementById("wachtwoordHerhaalmsg").style.display=""
return false;
}
return true;
}
</script>
<form action="nieuw_lid.php" method="POST" onsubmit="validat(event)">
Wachtwoord:<br />
<input type="password" id="wachtwoord" name="wachtwoord">
<div id="wachtwoordmsg" style="color:Red;display:none">Geef een wachtwoord op</div>
<br />
Voer wachtwoord nogmaals in:<br />
<input type="password" id="wachtwoord_herhaal" name="wachtwoord_herhaal">
<div id="wachtwoordHerhaalmsg" style="color:Red;display:none">Wachtwoord komt niet overeen</div>
<input name="submin" type="submit" id="form" value="Aanmelden">
</form>
function validat(e) {
if(e.wachtwoord.value != e.wachtwoord_herhaal.value) {
document.getElementById("wachtwoordHerhaalmsg").style.display=""
return false;
}
return true;
}
</script>
<form action="nieuw_lid.php" method="POST" onsubmit="validat(event)">
Wachtwoord:<br />
<input type="password" id="wachtwoord" name="wachtwoord">
<div id="wachtwoordmsg" style="color:Red;display:none">Geef een wachtwoord op</div>
<br />
Voer wachtwoord nogmaals in:<br />
<input type="password" id="wachtwoord_herhaal" name="wachtwoord_herhaal">
<div id="wachtwoordHerhaalmsg" style="color:Red;display:none">Wachtwoord komt niet overeen</div>
<input name="submin" type="submit" id="form" value="Aanmelden">
</form>
En als je validat(event) nu eens verandert in validat(this). Dan bevat "e(vent)" wel een form object en zou het logischer zijn dat je via dat ding refereert aan de bijbehorende velden van dat formulier. Al zou de naamgeving voor die parameter dan misleidend zijn omdat het een form object betreft en geen event.
Gewijzigd op 11/05/2016 20:35:38 door Thomas van den Heuvel
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script>
function validat() {
if(document.getElementById('wachtwoord').value != document.getElementById('wachtwoord_herhaal').value) {
document.getElementById("wachtwoordHerhaalmsg").style.display="block";
return false;
}
return true;
}
</script>
<form action="nieuw_lid.php" method="POST" onsubmit="validat()">
Wachtwoord:<br />
<input type="password" id="wachtwoord" name="wachtwoord">
<div id="wachtwoordmsg" style="color:Red;display:none">Geef een wachtwoord op</div>
<br />
Voer wachtwoord nogmaals in:<br />
<input type="password" id="wachtwoord_herhaal" name="wachtwoord_herhaal">
<div id="wachtwoordHerhaalmsg" style="color:Red;display:none">Wachtwoord komt niet overeen</div>
<input name="submin" type="submit" id="form" value="Aanmelden">
</form>
function validat() {
if(document.getElementById('wachtwoord').value != document.getElementById('wachtwoord_herhaal').value) {
document.getElementById("wachtwoordHerhaalmsg").style.display="block";
return false;
}
return true;
}
</script>
<form action="nieuw_lid.php" method="POST" onsubmit="validat()">
Wachtwoord:<br />
<input type="password" id="wachtwoord" name="wachtwoord">
<div id="wachtwoordmsg" style="color:Red;display:none">Geef een wachtwoord op</div>
<br />
Voer wachtwoord nogmaals in:<br />
<input type="password" id="wachtwoord_herhaal" name="wachtwoord_herhaal">
<div id="wachtwoordHerhaalmsg" style="color:Red;display:none">Wachtwoord komt niet overeen</div>
<input name="submin" type="submit" id="form" value="Aanmelden">
</form>