parsley.js（可选）验证数字输入

Question

我有一个电话号码输入字段。 它是表单上的可选字段，但是如果填充，则必须为10位数字。 因此，可以为空或10位数字。 如何使用parsley.js完成此操作？

这个问题与我要寻找的问题类似，但是我尝试了各种组合，但没有用：

在此处输入链接说明

这是我的输入：

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

为此需要自定义验证吗？ 如果是这样，我该怎么做？

Answer 1

只需在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"/>