[英]parsley.js optionally validate number input
I have an input field for a phone number. 我有一个电话号码输入字段。 It's an optional field on the form, but if it's populated it needs to be 10 digits.
它是表单上的可选字段,但是如果填充,则必须为10位数字。 So, either empty, or 10 digits.
因此,可以为空或10位数字。 How can I accomplish this using parsley.js?
如何使用parsley.js完成此操作?
this question is similar to what I'm looking for, but I've tried various combinations and it's not working: 这个问题与我要寻找的问题类似,但是我尝试了各种组合,但没有用:
enter link description here 在此处输入链接说明
here's my input: 这是我的输入:
<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">
and this is the parsley initialization (validation is working for other fields on the same form, so I don't think this is the problem): 这是欧芹初始化(验证适用于同一表单上的其他字段,因此我不认为这是问题所在):
$('#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>'
});
Would a custom validation be needed for this? 为此需要自定义验证吗? If so, how can I accomplish that?
如果是这样,我该怎么做?
Just add to the input
an attribute of data-parsley-type="digits"
and data-parsley-minlength="10"
data-parsley-maxlength="10"
. 只需在
input
添加data-parsley-type="digits"
和data-parsley-minlength="10"
data-parsley-maxlength="10"
的属性。
Example: 例:
<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"/>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.