ik wil graag een controle op mijn inlog scherm, zoals je kunt zien moet de boekingsnummer en het relatie nummer aan een bepaald format voldoen.
wat er nu gebeurt (mogelijk door de action die in het formulier staat) is wanneer de format fout is laat hij netjes de melding zien maar gaat hij als nog door naar het login_check.php. dit is natuurlijk niet de bedoeling..
de vraag: hoe kan ik de controle via javascript stoppen en dat hij niet naar login_check.php gaat. en dat de gebruiker opnieuw de gegevens in voert?
de action moet er naar mijn idee inblijven omdat deze gegevens in een post moeten komen om deze vervolgens bij de login_check.php gecontroleerd moeten worden.
<script type="text/javascript">
function controleerDet()
{
var det = document.getElementById('boekingsnummer').value;
var detpat = new RegExp("^[D-D]{1}[0-9]{2}-[0-9]{5}$");
var detres = detpat.test(det);
if (detres)
{
alert('det');
controleerRel();
}
else
{
alert('Het Boekingsnummer voldoet niet aan de eisen. Het boekingsnummer ziet er bijvoorbeeld zo uit: D12-12345');
window.location='main_login.php';
}
}
function controleerRel()
{
var rel = document.getElementById('relatienummer').value;
var relpat = new RegExp("[1-9]");
var relres = relpat.test(rel);
if (relres)
{
alert('rel');
window.location='login_check.php';
}
else
{
alert('Het relatienummer voldoet niet aan de eisen. Het relatienummer bestaat enkel uit cijfers');
window.location='main_login.php';
}
}
</script>
<body>
<table width="300" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<form name="form1" method="post" action="controleerDet()">
<td>
<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF">
<tr>
<td colspan="3"><strong>Member Login v2</strong></td>
</tr>
<tr>
<td width="78">Username</td>
<td width="6">:</td>
<td width="294"><input name="boekingsnummer" type="text" id="boekingsnummer" /></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input name="relatienummer" type="password" id="relatienummer" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input type="submit" name="Submit" value="Login" /></td>
</tr>
</table>
</td>
</form>
</tr>
</table>
</body>
</html>