jQuery 语法问题 - 模糊 + 焦点问题

Question

当有人在框中输入文本时，我使用以下代码在文本字段上显示和隐藏标签。

我试图做的是，当您单击该框时，文本会消失，如果您不输入文本，标签会重新出现。知道我做错了什么吗？

<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:" />

Answer 1

$(this).val

应该是:

$(this).val()

因为它是一个方法(而不是属性)。

Your code, fixed.

此外，请考虑使用 'placeholder' attribute并在不支持 JavaScript 的浏览器中回退到 JavaScript。