Change Input val. and type using jQuery

Question

<input name="myusername" type="text" id="u" class="blackle u" value="Username..." />
<input name="mypassword" type="text" id="p" class="blackle p" value="Password..." />

Using jQuery...
Onfocus - if #u has val "Username..." then change it to "" (blank)
OnBlur - if #u has val "" (blank) then change it back to "Username..."

Onfocus - if #p has val "Password..." then change it to "" (blank) ; additionally here the val of attribute type should be changed to "password" from "text"...
OnBlur - if #u has val "" (blank) then change it back to "Password..." ; Again the val of type attribute should be changed back to "text" from "password"...

Using common courtesy: OnAskQuestion - show community what code you have tried already. — Roatin Marth
– Roatin Marth, Commented Oct 21, 2010 at 15:57

EMMERICH · Accepted Answer · 2010-10-21 15:56:53Z

1

$('#u').focus(function() {
  if($(this).val() === "Username...") {
    $(this).val("");
  }
}).blur(function() {
  if($(this).val() === "") {
    $(this).val("Username...");
  }
});

Rinse and repeat. The functionality of what you're trying to do looks a lot like the placeholder plugin, though.

answered Oct 21, 2010 at 15:56

EMMERICH

3,4842 gold badges21 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Suraj Over a year ago

what about the second part? I mean changing the attribute of pwd field

EMMERICH Over a year ago

.attr("type", "text"); or .attr("type", "password"). I wouldn't do this, though. It's not typical website behaviour.

Collectives™ on Stack Overflow

Change Input val. and type using jQuery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related