jQuery Password field disappearing default

    [javascript]
    <!– HTML –>
    <input id="password-clear" type="text" value="Password" autocomplete="off" />
    <input id="password-password" type="password" name="password" value="" autocomplete="off" />

    // CSS

    #password-clear {
    display: none;
    }

    // JQUERY

    $(‘#password-clear’).show();
    $(‘#password-password’).hide();

    $(‘#password-clear’).focus(function() {
    $(‘#password-clear’).hide();
    $(‘#password-password’).show();
    $(‘#password-password’).focus();
    });
    $(‘#password-password’).blur(function() {
    if($(‘#password-password’).val() == ”) {
    $(‘#password-clear’).show();
    $(‘#password-password’).hide();
    }
    });
    [/javascript]

    Leave a Reply