Как создать пользовательскую проверку в Bootstrap Validation

Моя цель – проверить конкретное текстовое поле, в котором это поле зависит от значения другого элемента.

Например, у меня есть тег select и входной текстовый тег,

входной текст требуется, если выбранный тег имеет выбранное значение.

надеюсь кто-то может помочь.

Взгляни на

http://bootstrapvalidator.com/

В нашем проекте мы используем валидатор Backbone, интегрированный с Bootstrap

https://github.com/thedersen/backbone.validation

Образец интеграции Backbone.validation & Bootstrap

[jsfiddle.net/thedersen/c3kK2/][1] 

То есть, если вы используете Backbone 🙂

Для bootstrapvalidator существует метод обратного вызова для проверки

http://bootstrapvalidator.com/validators/callback/

Из примера:

   

И JS

 function checkCaptcha(value, validator) { // Determine the numbers which are generated in captchaOperation var items = $('#captchaOperation').html().split(' '), sum = parseInt(items[0]) + parseInt(items[2]); return value == sum; }; $(document).ready(function() { // Return a random number between min and max function randomNumber(min, max) { return Math.floor(Math.random() * (max - min + 1) + min); }; // Generate a sum of two random numbers function generateCaptcha() { $('#captchaOperation').html([randomNumber(1, 100), '+', randomNumber(1, 200), '='].join(' ')); }; generateCaptcha(); $('#callbackForm').bootstrapValidator(); }); 

Вы можете выполнить произвольную проверку с ним.

Таким образом, ваша проверка может быть реализована с помощью некоторой глобальной функции

С HTML

   

с JS

  function specialValidation(value, validator) { // Determine the numbers which are generated in captchaOperation var items = $('#otherField').txt(); return value == sum; }; 

И вам нужно быть творческими с атрибутами элементов, правильно связать связанные элементы.

Используйте обратный вызов для выборочной проверки, вы можете использовать любую проверку при обратном вызове, например, проверку javascript. Нужно отправлять false или true.

 pwd: { validators: { notEmpty: { message: 'The password is required and cannot be empty' }, callback: { message: 'The password is not valid', callback: function(value, validator, $field) { if (value === '') { return true; } } } } } 

Вы можете сделать это, прежде чем вызывать проверку начальной загрузки, просто добавьте атрибут, требуемый данными, к вашему элементу ввода, если выбранное значение выбрано, иначе этот атрибут не будет добавлен. Надеюсь, это поможет вам.

В середине страницы есть несколько примеров того, как использовать проверку начальной загрузки:

http://bootstrapvalidator.com/getting-started/#usage

http://bootstrapvalidator.com/getting-started/#example

Используйте этот следующий код, для этого используется функция обмена jquery.

    change demo