javascript - 创建 token 后，HTML5 占位符仍保留在 Tokenfield 中？

Question

我正在使用 Bootstrap Tokenfield在输入字段上。

该字段具有占位符属性“用户名”。

<input id="email-notifications" type="text" class="form-control" placeholder="Username">

当我开始在字段中键入内容时(在 Chrome 31 中)，占位符会按预期消失。但是，一旦 token 字段验证了电子邮件地址并将其制成 token ，占位符文本就会重新出现。

Here is a fiddle整个设置

我该怎么办？

Answer 1

您可以在添加 token 后删除占位符，并在删除后以及如果没有更多 token 时将其重新设置。请看我的fiddle .

我所做的就是在 afterCreateToken 处理程序中添加这个

$('#email-notifications-tokenfield').attr('placeholder', '');

这个在 removeToken

里面

if(!$('#email-notifications').tokenfield('getTokens').length)
   $('#email-notifications-tokenfield').attr('placeholder', 'Username');

请注意，我在 #email-notifications-tokenfield 字段中设置和删除了占位符。