Jquery验证器不适用于data-role =＆＃34; tagsinput＆＃34;文本框

Question

我正在尝试根据数组字段列表验证输入文本框数据。以下是我的示例代码：

方法：

jQuery.validator.addMethod("validateClass", function (value, element,options) {
    return data.indexOf(value) != -1;
});

HTML：

<input type="text" class="form-control sampleClass" id="sample" placeholder="Sample data" name="sample[]" />

Jquery的：

   $("#sample").each(function () {
        $(this).rules('add', {
                required: true,
                validateClass : true,
                messages: {
                    required: "Value is required",
                    validateClass : "Validation failed"
                }
            });
    });

以上组合效果非常好。现在我在输入文本框中有多个数据。我使用bootstrap标记输入来添加多个输入。所以我将HTML的代码更改为：

<input type="text" class="form-control" id="sample" placeholder="Sample data" name="sampler" data-role="tagsinput"/>

我可以添加多个输入数据，但不会调用验证方法。请不要将此问题标记为重复。每当我为相应的文本框添加data-role="tagsinput"时，文本框的jQuery验证都不起作用。

请告知。