jQuery Syntax Issue - Blur + Focus Problems

Question

I'm using the following code to show and hide a label on a text field when someone enters text in the box.

What I'm attempting to do is when you click on the box the text disappears, and if you don't enter text, the label reappears. Any idea what i'm doing wrong?

<script type="text/javascript">
    $(document).ready(function () {
        $("input:text").focus(function () {
            if ($(this).val == "Name/Email:") {
                $(this).val("");    
            };  
        });

        $("input:text").blur(function () {
            if ($(this).val == "") {
                $(this).val("Name/Email:"); 
            };
        });
    });
</script>

<input id="page4-input1" type="text" value="Name/Email:"  />
<input id="page4-input2" type="text" value="Name/Email:" />
<input id="page4-input3" type="text" value="Name/Email:" />
<input id="page4-input4" type="text" value="Name/Email:" />
<input id="page4-input5" type="text" value="Name/Email:" />

When clicking on the input boxes, nothing occurs and the label stays in the box — Undefined
– Undefined, Commented Jan 11, 2012 at 11:29

karim79 · Accepted Answer · 2012-01-11 11:27:58Z

1

$(this).val

should instead be:

$(this).val()

since it is a method (and not a property).

Your code, fixed.

Also, consider using the 'placeholder' attribute and falling back to JavaScript in browsers which do not support it.

answered Jan 11, 2012 at 11:27

karim79

343k67 gold badges420 silver badges409 bronze badges

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

1 Comment

Undefined Over a year ago

Perfect, i shall have to remember that for next time! Ill give you the accepted answer when i can (timer and all).

Rory McCrossan · Accepted Answer · 2012-01-11 11:30:21Z

0

You missed the brackets after val when performing the comparison:

$("input:text").focus(function () {
    if ($(this).val() == "Name/Email:") {
        $(this).val("");    
    };  
});

$("input:text").blur(function () {
    if ($(this).val() == "") {
        $(this).val("Name/Email:"); 
    };
});

Example fiddle

answered Jan 11, 2012 at 11:30

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Collectives™ on Stack Overflow

jQuery Syntax Issue - Blur + Focus Problems

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related