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

Question

我在输入字段中使用了占位符范围。使用 jQuery，我根据字段中是否输入值来显示/隐藏跨度。问题：当我在表单中实现这种类型的占位符时，尽管输入字段中存在值，但在提交表单后跨度并未隐藏。执行搜索后，该值与占位符一样保持不变。有没有办法纠正这个问题，所以占位符被隐藏了？这是我正在使用的 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

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

如果我的猜测是正确的，你只需要在你的 ready 函数中添加一些快速简单的额外逻辑：

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