Tag - 如何设置 Tag 它答案

【问题标题】：Tag - How to set required for Tag itTag - 如何设置 Tag 它
【发布时间】：2014-11-13 07:41:54
【问题描述】：

我将Jquery Tag it 用于我的标记功能并将值保存到数据库。

使用 jquery 如何设置myTags 必需以及至少一个标签无法继续/保存。原因是<li> 和<input> 是自动生成的。

HTML 代码

<ul id="myTags" name="myTags"></ul>

jQuery

$("#myTags").tagit({
    fieldName: "tags[]"
});

屏幕截图

【问题讨论】：

你能发布更多上下文吗？
@IonicăBizău 这就是我所拥有的一切，这就是为什么我现在感到困惑并从这里寻求帮助的原因。
@IonicăBizău 表单内的这个标签，我希望这个标签是必填字段，如果我没有输入任何数据，则不应发布表单。但是tag it的代码很少，不知道在哪里设置必填
我发布了一个答案。希望你觉得它有用。

标签： javascript jquery html tag-it

【解决方案1】：

~~TagIt 库doesn't seem to provide an API for getting the list of tags。但是，您可以阅读 HTML 并查看标签是否存在。~~

在表单提交时，如果数据无效，请计算标签和return false。使用.tagit("assignedTags")获取标签列表：

var $tags = $("#myTags");
$tags.tagit({
    fieldName: "tags[]"
});

$("form").on("submit", function () {
    if (!$tags.tagit("assignedTags").length) {
        alert("Tags are mandatory");
        return false;
    }
    alert("Valid data");
});

JSFIDDLE

【讨论】：

谢谢！！这个if ($tags.find("li").length <= 1) { alert("Tags are mandatory"); return false; } 完全是我要找的！给你百万LIKE =)
酷，注意最好使用 tagit API。不客气！

【解决方案2】：

您可以使用assignedTags() 方法https://github.com/aehlke/tag-it/blob/master/README.markdown#assignedtags 检查已分配了多少标签，然后在此基础上继续前进。我想对你来说这样的事情会起作用

if($("#myTags").tagit("assignedTags").length>0){
    //submit form
}
else{
    alert("please add at least one tag");
}

【讨论】：