Question

我正在构建一个包含使用Bootstrap Tags Input plugin的字段的表单。一旦用户点击 Enter 键，此插件就会输入一个标记。

当用户在字段中放置“，”（逗号）或空格时，任何人都可以帮助使用插件的文档输入标记吗？

以下是文档 - http://timschlechter.github.io/bootstrap-tagsinput/examples/

Answer 1

您需要指定confirmKeys参数。从文档中，默认只有enter（13）的keycode，但你可以像这样添加逗号（44）和空格（32）的代码：

$('input').tagsinput({
    confirmKeys: [13, 32, 44]
});

Answer 2

我无法让confirmKeys工作。没有错误，对操作没有任何影响。

我的根本问题是enter提交表单而不是创建标签。

这个问题为我解决了：

https://github.com/bootstrap-tagsinput/bootstrap-tagsinput/issues/625

此处复制代码：

$('.bootstrap-tagsinput input').keydown(function (event) {
    debugger;
    if ( event.which == 13) {
        $(this).blur();
        $(this).focus();
        return false;
    }
})

如果输入了该字段，它将删除并返回焦点。

return false阻止回车键事件冒泡到表单。

关于使用空间，您应该可以使用event.which == 32，但这由于某些原因而无法正常工作。

编辑：

此后，我注意到即使删除了代码，也按要求输入work

然后我注意到了cancelConfirmKeysOnEmpty选项。所以我想我的原始表格设置不正确

如何使用Bootstrap标签提交标签使用空格键输入插件？

2 个答案: