在表單提交後移除佔位符跨度

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

我可能會缺少部分圖片，但我想象的是頁面重新加載。這將意味着沒有輸入佔位符的「隱藏」狀態了，使所有佔位符都可見。然而與此同時，瀏覽器還記得字段值，所以它也是可見的。

如果我的猜測是正確的，你只需要你準備功能內的一些快速和容易額外的邏輯：

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