鼠标悬停时 jquery 输入值发生变化

Question

我想在我的表单中实现 jquery/js，并且我想让输入值动态化。基本上的想法是，一旦单击，该字段的值就会消失/模糊并且如果设置的值不相同，jquery 期望用户插入一个值作为默认值就可以了。但如果用户写入的值是一样的然后不接受并抛出错误，否则如果用户“输入”的值为空再次显示默认值。我确信这是有道理的，因为我想我已经在很多网站上看到了这个功能的实现。但我现在是一个 jquery 人所以我不知道怎么做。我可以在 php 中做同样的事情，但页面刷新是我想避免的。所以假设我们有:

<input type="text" value="City" />

非常感谢，博尔尼。

Answer 1

像这样here?

$(document).ready(function() {

    $('input[class="foo"]').attr('value', $(this).attr('placeholder')).focus(function() {
        if ($(this).val('placeholder')) {
            $(this).attr('value', '');
        }
    }).blur(function() {
        if ($(this).val() == '') {
            $(this).attr('value', $(this).attr('placeholder'))
        }
    });
});

编辑:更新了代码并修改了 Christopher Ramírez 提供的建议