"tags Input"插件上的 Jquery 验证

Question

我正在利用流行的Bassistance jquery validate plugin验证我的表格。在同一张表格上，我使用 xoxco's jQuery Tags Input Plugin .

我能够验证表单上的所有表单字段，但“标签输入”插件正在使用的字段除外。

原因是，原始输入被隐藏，而新输入被插件绘制。

jsFiddle Example

任何将我的验证样式应用于标签输入的帮助将不胜感激，Thanx

Answer 1

两个问题:

1. 您的所有字段都必须有一个名称。如果该属性不存在，验证将无法正常运行。
2. 您必须验证案例中的隐藏字段。您需要做的是使用 ignore: [] 来包含隐藏字段的验证。

总而言之，您的代码应如下所示:

HTML:

<form id="someForm" name="someForm" method="post">
    <input type="text" name="required-field" class="required"/>
    <input id="tagsx" type="text" name="tags" class="required" />
    <input type="submit" value="submit"/>
</form>

JavaScript:

$(document).ready(function () {
    $("#someForm").validate({
        ignore: []
    });
    $('#tagsx').tagsInput({
        width: 'auto',
        autocomplete_url: 'http://xoxco.com/projects/code/tagsinput/test/fake_json_endpoint.html'
    });
});

示例: http://jsfiddle.net/5eC5B/

请注意，您必须使用 errorPlacement 或类似的方法才能正确显示错误消息。