parsley.js опционально проверяет ввод числа - PullRequest
Новая
       30

parsley.js опционально проверяет ввод числа

0 голосов
/ 20 февраля 2019

У меня есть поле для ввода номера телефона.Это необязательное поле в форме, но если оно заполнено, оно должно содержать 10 цифр.Итак, либо пусто, либо 10 цифр.Как я могу сделать это, используя parsley.js?

этот вопрос похож на тот, что я ищу, но я пробовал различные комбинации, и он не работает:

enterописание ссылки здесь

вот мой ввод: 

<input type="text" class="form-control form-control-sm m-input phone-num" autocomplete="off" style="display:none;" id="phone-input" name="phone" placeholder="0" data-parsley-trigger="keyup" data-parsley-validation-threshold="1" data-parsley-debounce="500" data-parsley-type="digits">

и это инициализация петрушки (проверка работает для других полей в той же форме, поэтому я не думаю, что этопроблема): 

    $('#myForm').parsley({
      trigger: 'keyup',
      classHandler: function(el){
        return el.$element.closest('.form-group');
      },
      errorClass: 'has-danger',
      errorsWrapper: '<div class="form-control-feedback"></div>',
      errorTemplate: '<span></span>'
    });

Нужна ли для этого специальная проверка?Если да, то как я могу это сделать?

1 Ответ

0 голосов
/ 21 февраля 2019

Просто добавьте к input атрибут data-parsley-type="digits" и data-parsley-minlength="10" data-parsley-maxlength="10".

Пример: 

<input type="text" class="form-control form-control-sm m-input phone-num" autocomplete="off" 
    style="display:none;" id="phone-input" 
    name="phone" placeholder="0" data-parsley-trigger="keyup" data-parsley-validation-threshold="1" 
    data-parsley-debounce="500" 
    data-parsley-type="digits" 
    data-parsley-minlength="10" 
    data-parsley-maxlength="10"/>
...