This time i wanna make a documentation bout form authentication. It uses javascript called CSFValidator. You can download it here
Oks now for the implementation in form, check this souce out :
<script language=”javascript” type=”text/javascript” src=”./include/CSFValidator.js”></script>
<form id=”aa” action=”" method=”post” name=”form_aa” target=”_self”>
<table width=”80%” align=”center” border=”0″ cellpadding=”0″ cellspacing=”0″>
<td align=”center” colspan=”2″><strong>Sample Pages</strong></th> </tr>
<tr>
<td width=”47%”>Nama </td>
<td width=”43%”><input style=”width:100%” type=”text” name=”nama” id=”nama” csfvRequired=true></td>
</tr>
<tr>
<td>Password *</td>
<td><label>
<input style=”width:100%” name=”pass” id=”pass” type=”password” csfvPassword=true />
</label></td>
</tr>
<tr>
<td>Re-enter Password *</td>
<td><input style=”width:100%” name=”re_pass” id=”re_pass” type=”password” />
<label id=”cekpass”><?=$pass;?></label>
</td>
</tr>
<tr>
<td>Email *</td>
<td><input style=”width:100%” name=”email” type=”text” id=”email” csfvEmail=true/></td>
</tr>
<tr>
<td colspan=”2″ style=”text-align:center”><input type=”submit” name=”Submit” value=”Register”></td>
</tr>
</table>
</form>
I found a little error when otenticate password and re-password in this CSFValidator. So, I just adding a javascript function in the earlier section of code and called it use event on change on your correlate id’s element
function SubmitForm2(){
if (document.getElementById(‘pass’).value != document.getElementById(‘re_pass’).value)
{
alert(“Password yang anda ketikkan berbeda dengan sebelumnya!”);
document.getElementById(‘pass’).value=”";
document.getElementById(‘re_pass’).value=”";
}
}
