Hjælp søges, hvad er problemet?
Hej, jeg har brug for at få andre øjne på det her. Jeg kan ikke selv finde problemet.Html koden:
<form role="form" action="#" method="post" onsubmit="return validateFormReset()" name="resetpassword">
<table>
<tr>
<td><h4>Nulstil adgangskode:</h4></td>
</tr>
<tr>
<td><input type="password" name="passwordReset" placeholder="Adgangskode..." class="regfield" id="passwordreset" onkeyup="checkPasswordReset()"></td>
</tr>
<tr>
<td> <input type="password" name="repeatpasswordReset" placeholder="Gentag adgangskode..." class="regfield"></td>
</tr>
<tr>
<td><input class="resetbtn" type="submit" value="Opdater" name="reset"></td>
</tr>
</table>
</form>
Javascript koden er:
function validateFormReset() {
return checkPasswordReset();
}
function checkPasswordReset() {
var passwordreset = document.forms["resetpassword"]["passwordreset"].value;
if (passwordreset.length > 6 && passwordreset.length < 11) {
document.getElementById("passwordreset").className = 'regfield';
return true;
}
else if (passwordreset.length < 7 || passwordreset.length > 10) {
document.getElementById("passwordreset").className = 'passworderror';
return false;
}
}
Css coden:
.regfield {
margin: 10px;
width: 150px;
padding-left: 5px;
border-radius: 4px;
}
.passworderror {
margin: 10px;
width: 150px;
padding-left: 5px;
border:4px solid red;
}
Tak for hjælpen :)
