问题标签 [jquery-tags-input]

我有一个看起来像这样的表格

如果输入字段为空，则单击提交按钮时，它会像这样突出显示

和这部分相关的代码是

现在，如果用户在这些输入字段中填写任何值，则突出显示的颜色将被删除。它适用于普通输入字段，但不适用于

和

上面提到的 2 个输入字段是使用此插件创建的，并且在此插件下使用“具有自动完成功能的标签输入”

现在，如果用户填写这两个输入值，突出显示的颜色不会消失。我用来创建这个功能的代码是

如果用户已插入或选择了值，任何人都可以建议如何删除突出显示的颜色

我的问题是在使用Jquery UI autocomplete和tag plugin (XOXCO)一起使用时，一旦我select提出自动完成建议之一，它应该立即添加标签，但发生的情况是，在选择时，建议消失了，尽管正确value写入tags-id输入，但label它本身并没有显示作为标签，除非我按enter，否则将无法正确添加标签。
我想一旦我从自动完成插件触发选择事件，我应该告诉标签插件继续创建标签。但我无法完成它。

这是我的代码：

JSON 文件数据 (xxxtestjsondata77.asp) 的一部分：

如果我在主 Meteor 应用程序中安装 npm 模块bootstrap4-tagsinput-douglasanpa，我可以通过导入它的文件来使用它

但是如果我在 Meteor 包中使用这个 npm 模块

我不能使用

因为 .npm 目录包含一个点并且未在应用程序中编译

如何在包中使用这个 npm 模块而不需要在应用程序级别安装它？

如果标签不是上面代码中提到的有效电子邮件，但 tagClass 显示未定义，我想添加一些其他类来标记。我正在关注 bootstrap-tagsinput 文档，但它最终无法正常工作。请让我知道如何解决此问题。

我正在尝试添加标签输入。我的代码如下

此代码工作正常，但随机抛出错误。页面将继续加载，控制台上将显示以下错误：

我已经尝试调试相同的输入。它工作正常，但在随机时间它得到空字符串并抛出未定义。

我已经通过 npm安装了jquery.tagsinput-revisited ，这里提供了

npm i jquery.tagsinput-revisited

然后，我添加了

require('jquery.tagsinput-revisited');

在我的一个 js 文件和

@import '~jquery.tagsinput-revisited/src/jquery.tagsinput-revisited';

在 SCSS 文件之一中。

现在，我在 npm run watch 时遇到了这些错误

未找到此依赖项：

• jquery.tagsinput-revisited in ./resources/js/bundle1.js

要安装它，您可以运行： npm install --save jquery.tagsinput-revisited

./resources/js/bundle1.js 中的错误找不到模块：错误：无法解析 'C:\xampp\htdocs\vetforum\www\resources\js' @ ./resources/ 中的 'jquery.tagsinput-revisited' js/bundle1.js 9:0-37@multi ./resources/js/bundle1.js

SCSS 文件编译成功，但 js 文件中似乎有错误。

嘿伙计们，我对 Bootstrap Tagsinput 有问题我正在尝试获取一个数组，其中包含输入文本中的所有标签作为值

这是js代码

当我在输入中插入一些值时，我得到这个“123,2131,12”，但我需要得到这样的东西[“123”，“2131”，“12”]，对不起我的英语

我正在使用带有 bootstrap4 的标签输入。我希望用户单击删除标签（“x”按钮），然后将标签删除请求发送到服务器，该服务器检查是否允许用户这样做。服务器响应是或否（如果是，则删除数据库中的标签）。并且应该通知 tagsinput 从输入元素及其内部状态（在客户端）中删除标签。

据我了解，我将beforeItemRemove事件添加到 tagsinput-element 并使用event.cancel=true;取消标签的删除。像这样：

但是正如您所猜想的那样， event.cancel 设置得太晚了，因为该事件已被长时间处理并在 ajax 请求完成之前退出！

我最终做的是：

这是正确的解决方案吗？

编辑：此处的相关文档：https ://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/ （例如搜索beforeItemRemove）

EDIT2：我刚刚确认这适用于不允许用户删除标签并且服务器通过 ajax 拒绝删除它的情况。实际上，输入元素中没有任何内容被删除。但是，在用户可以并且确实删除标签的情况下，该事件会被重复触发（尽管preventPost: true我只是推测它会在没有触发 remove-event 的情况下删除）并轰炸数据库。

我想通过 jquery 将值插入到标签输入元素 html 中。但是没有用。

我的代码 JS：

我的代码html：

但结果是空的

我想要的结果是

我该怎么做？请帮我。谢谢