textmode password in asp.net with jquery

Check out below link:-

http://jsfiddle.net/w4Hh4/3/[^]


Or use placeholder

<asp:TextBox ID="txtId" runat="server"   TextMode="Password" Placeholder="Password"  > </asp:TextBox>

Or

<input type="password" onfocus="if(this.value=='Password') {this.value='';}" onblur="if(this.value=='') {this.value='Password'}" value="Password"  />

Hi,
try this.

<script>
function ChangeToPassField() 
{
    if (document.getElementById('<%= txtPassword.ClientID %>').type != "password") 
    {
        document.getElementById('<%= txtPassword.ClientID %>').type = "Password";
        document.getElementById('<%= txtPassword.ClientID %>').value = "";
    }
}
function ChangeToNormal() 
{
    if (document.getElementById('<%= txtPassword.ClientID %>').value == "") 
    {
        document.getElementById('<%= txtPassword.ClientID %>').type = "SingleLine";
        document.getElementById('<%= txtPassword.ClientID %>').value = "Password"
    }
}
</script>

<asp:textbox text="NPassword" textmode="Password" id="txtPassword" onfocus="ChangeToPassField()" onblur="ChangeToNormal()" runat="server" height="22px" width="253px" xmlns:asp="#unknown"></asp:textbox>

Hope it helps you.
Thanks.

Suppose this the html...



******Add latest Jquery library here************

$(function () {
$('.memberLoginForm .MemberId').val('Member Id');
$('.memberLoginForm .Password').val('Password');

$('.memberLoginForm .MemberId').focus(function () {
if ($(this).val() == 'Member Id') {
$(this).val('');
}
});

$('.memberLoginForm .MemberId').blur(function () {
if ($(this).val() == '') {
$(this).val('Member Id');
}
});
$('.memberLoginForm .Password').focus(function () {
if ($(this).val() == 'Password') {
$(this).val('');
}
});
$('.memberLoginForm .Password').blur(function () {
if ($(this).val() == '') {
$(this).val('Password');
}
});
});

This will solve your problem..