Валидатор Jquery не работает для текстового поля data-role = tagsinput

Я пытаюсь проверить данные входного текстового поля по списку полей массива. Ниже мой пример кода:

Метод:

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"
                }
            });
    });

Вышеуказанные комбинации работают отлично. Теперь у меня есть несколько данных в текстовом поле ввода. Я использовал входы тега начальной загрузки, чтобы добавить более одного входа. Поэтому я изменил код для HTML на:

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

Я могу добавить несколько входных данных, но метод проверки не вызывается. Пожалуйста, не отмечайте этот вопрос как дубликат. Проверка jQuery для текстового поля не работает всякий раз, когда я добавляю data-role="tagsinput" для соответствующего текстового поля.

Пожалуйста, порекомендуйте.