Question

我有一个管理员可以添加候选人的表单。当我在IE8中运行我的应用程序，并单击重置按钮时，它从所有字段中删除占位符。我使用placeholder.js来支持IE8中的占位符属性。

这是我的重置功能......

 function resetCandidateData(){
    $("#addCandidateForm")[0].reset();
 }

我的表格就像那样......

<form name="addCandidateForm" id="addCandidateForm" method="Post">
     <input type="text" name="cname" id="cname" class="inputBox bdr-radius5" placeholder="Enter candidate name" autocomplete="off"/>
     .....
     .....
     <span class="global-button" onclick="resetCandidateData();">Reset</span>
</form>

第一次页面刷新时，它在IE8中的每个文本字段中显示占位符，但在重置后都消失了。请帮忙。

Answer 1

将resetCandidateData功能更改为

function resetCandidateData(){
    $("#addCandidateForm")[0].reset();
    $.Placeholder.init();
}

它应该恢复占位符。

Answer 2

我对你正在使用的特定placeholder.js库一无所知，而且你没有提供链接，所以我甚至无法分辨它是哪一个。

但是，听起来我需要使用更好的占位符脚本。

如果重置字段会清除占位符，则表示脚本正在使用字段值来显示占位符。

这很好，但确实有一些限制，特别是你已经看过重置字段，但这也意味着你不能在密码字段上有占位符（因为它们会显示为像密码本身），并且您不能轻易地使占位符的样式与字段值不同。

由于所有这些原因，我更喜欢使用不同技术的占位符脚本 - 例如将占位符放在其自己的元素中并将其显示在输入字段的顶部（或后面），而不是实际使用输入字段本身占位符。

因此，我的建议是找到一个替代的占位符脚本。取出一个并插入另一个应该是相当简单的，并且有很多可供选择。 Take a look here列出了一些最好的列表。

希望有所帮助。

单击IE8中的“重置”按钮后占位符消失

2 个答案: