<script language="javascript" src="js/jquery_password_strength_meter.js"></script>
<script language="javascript">
$(function () {
$('#password').keyup(function(){$('#result').html(passwordStrength($('#password').val(),$('#loginName').val()))});
});
</script>
<style type="text/css">
.style1 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}
</style>
<td width="40%">
<input type="text"
id="loginName"
name="loginName"
css="textfield1"
initValue="${viewObject.loginName}">
<concord:event name="size" handler="30"/>
<concord:event name="maxlength" handler="9" />
<concord:event name="onblur" handler="if(validateLoginName(this,'Login Name')){checkAvailability();}"/>
/></td>
<td width="60%"><label>
<tr>
<td valign="top"><table width="700" border="0" align="center" cellpadding="3" cellspacing="0">
<tr>
<td width="219" align="right">Password:<span class="red">*</span></td>
<td width="464"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="47%" height="33"><input name="password" type="password" class="textfield1" value='<c:out value="${viewObject.password}"/>' id="password" maxlength="8" size="30" /></td>
<td width="53%" class="plft10"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="font_grey10">Password Strength</td>
</tr>
<tr>
<td><img src="images/customer/password-strength.gif" name="pstrength" alt="" width="93" height="7" /> <span class="style1" style="color:green;" id='result'></span></td>
</tr>
</table> <label></label></td>
</tr>
No comments:
Post a Comment