Question

我在输入字段中使用占位符范围。使用jQuery，我显示/隐藏跨度取决于是否在字段中输入了值。问题：当我在表单中实现这种类型的占位符时，在提交表单后，尽管输入字段中存在值，但不会隐藏span。执行搜索后，值保持与占位符一样。有没有办法纠正，所以占位符被隐藏？这是我正在使用的jQuery：

$(function() {
    $("span.holder + input").keyup(function() {
        if($(this).val().length) {
            $(this).prev('span.holder').hide();
        } else {
            $(this).prev('span.holder').show();
        }
    });
    $("span.holder").click(function() {
        $(this).next().focus();
    });
});

Answer 1

我可能会错过部分图片，但我想象的是页面重新加载。这意味着没有具有“隐藏”状态的输入占位符，使所有占位符可见。但与此同时，浏览器正在记住字段值，因此它也是可见的。

如果我猜对了，你只需要在准备好的功能中使用一些快速简单的额外逻辑：

$('input').each(function() {
    $input = $(this);
    if($input.val().length > 0) {
    $input.prev('span').hide();
    }
});

提交表单后删除占位符跨度

1 个答案: