Wednesday, 19 June 2013

JAVASCRIPT VALIDATION FOR PASSWORD COMPARISION

<html>
<script type="text/javascript">
function checkPass() {

var pass1 = document.getElementById("<%=txtpassword.ClientID %>");
var pass2 = document.getElementById("<%=txtconformpass.ClientID %>");

var message = document.getElementById('confirmMessage');

var goodColor = "#66cc66";
var badColor = "#ff6666";

if (pass1.value == pass2.value)
{
message.style.color = goodColor;
message.innerHTML = "Passwords Match!"
}
else
{
message.style.color = badColor;
message.innerHTML = "Passwords not match!"
}
} 
</script>
<body>
<form id="form1" runat="server">

<label>Password</label><asp:TextBox ID="txtpassword" runat="server"
Width="160px" TextMode="Password"></asp:TextBox>
<br /><br />
<label>Conform Password</label><asp:TextBox ID="txtconformpass" runat="server"onKeyup="checkPass()" Width="160px" TextMode="Password"></asp:TextBox>
<span id="confirmMessage" class="confirmMessage"></span>  </form> </body>
</html>

No comments:

Post a Comment

back to top