PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
R

controleren of twee velden hetzelfde zijn

Door Robert Jansen op 11-05-2016 20:15
1.760 views
Hallo,

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:

<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>
Thomas van den Heuvel
11-05-2016 20:35 gewijzigd op 11-05-2016 20:35
Als "e(vent)" al zo werkt, dan is dit een event, geen form object.

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.
- SanThe -
11-05-2016 20:44
Ik weet niet of dat kan met event.

<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>

Reageren

Inloggen om te reageren