using jquery focus to empty text fields

Question

I am trying to add focus on the following code, which would loop through the 10 or more fields and remove the default value(s) when the user focuses on the field. how can i add the focus to the existing code? -thanks

$(document).ready(function() {  
    $('#tradition').click(function() {
    $('#form-container').attr("class","trade");                         
    $('.lblMadlib11').text("Eleven ");
    $('.lblMadlib11a').val("eleven value field");
});

mattbasta · Accepted Answer · 2010-11-07 00:35:19Z

3

Assuming this markup this:

Html:

<input type="text" placeholder="default text" />

Javascript:

$(function(){ // onload
    $('input:text').focus(function(){ // onfocus
       if($(this).val() == $(this).attr('placeholder')) // if value is default value
           $(this).val(''); // clear value
    });
});

edited Nov 7, 2010 at 0:35

mattbasta

13.8k10 gold badges51 silver badges70 bronze badges

answered Nov 7, 2010 at 0:25

Josiah Ruddell

29.9k8 gold badges68 silver badges68 bronze badges

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

Collectives™ on Stack Overflow

using jquery focus to empty text fields

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related