jQuery - input value replacement

Question

I have the following code which is supposed to target the #newsletter input, add the default text into it and then remove it when a user tabs / clicks into the input. However it doesn't seem to work, and I get the following console error:

Uncaught SyntaxError: Unexpected end of input

Any ideas?

$(function() {
  var defaultText = "Your email address";
  $('#newsletter').val(defaultText).focus(function() {
      if (this.value == defaultText) {
          $(this).val('');
      }
  }).blur(function() {
              if (this.value == '') {
                  $('#newsletter').val(defaultText);
              }
  });

here's the jsfiddle for ur code jsfiddle.net/hkVub

melaos
– melaos

2012-11-20 12:10:29 +00:00
Commented Nov 20, 2012 at 12:10 — melaos
– melaos, Commented Nov 20, 2012 at 12:10

arulmr · Accepted Answer · 2012-11-20 12:09:49Z

4

You are missing closing brackets in your code:

$(function() {
    var defaultText = "Your email address";
    $('#newsletter').val(defaultText).focus(function() {
        if (this.value == defaultText) {
            $(this).val('');
        }
    }).blur(function() {
        if (this.value == '') {
            $('#newsletter').val(defaultText);
        }
    });  // <-- check it here
});

By the way, the thing you try to implement is a placeholder for the form field. It is worth to read about placeholder attribute in HTML5.

edited Nov 20, 2012 at 12:09

arulmr

8,8629 gold badges56 silver badges70 bronze badges

answered Nov 20, 2012 at 12:06

VisioN

146k35 gold badges287 silver badges291 bronze badges

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

2 Comments

Nick Over a year ago

Cheers! Hadn't heard of placeholder, will check it out!

VisioN Over a year ago

@arulmr Thanks for edit though I can't consider it as helpful.

Tahir Yasin · Accepted Answer · 2012-11-20 12:06:59Z

2

}); missing at the end of code, so issue is due to unbalanced braces.

here is corrected version

$(function() {
    var defaultText = "Your email address";
    $('#newsletter').val(defaultText).focus(function() {
        if (this.value == defaultText) {
            $(this).val('');
        }
    }).blur(function() {
        if (this.value == '') {
            $('#newsletter').val(defaultText);
        }
    });
});

answered Nov 20, 2012 at 12:06

Tahir Yasin

11.7k6 gold badges46 silver badges61 bronze badges

Collectives™ on Stack Overflow

jQuery - input value replacement

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related