我有一个输入字段用于输入电话号码。它是表单上的一个可选字段,但如果它是填充的,它需要是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>'
});
是否需要对此进行自定义验证?如果是这样,我如何才能做到这一点呢?
发布于 2019-02-21 14:06:04
只需在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"/>
https://stackoverflow.com/questions/54794851
复制相似问题