首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >parsley.js可选地验证数字输入

parsley.js可选地验证数字输入
EN

Stack Overflow用户
提问于 2019-02-21 04:38:16
回答 1查看 1.5K关注 0票数 1

我有一个输入字段用于输入电话号码。它是表单上的一个可选字段,但如果它是填充的,它需要是10位数字。因此,可以是空的,也可以是10位数字。如何使用parsley.js完成此任务?

这个问题和我要找的问题类似,但我尝试了各种组合,但它不起作用:

enter link description here

以下是我的输入:

代码语言:javascript
运行
复制
<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">

这是香菜初始化(验证适用于同一表单上的其他字段,所以我不认为这是问题所在):

代码语言:javascript
运行
复制
    $('#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>'
    });

是否需要对此进行自定义验证?如果是这样,我如何才能做到这一点呢?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-02-21 14:06:04

只需在input中添加data-parsley-type="digits"data-parsley-minlength="10" data-parsley-maxlength="10"的属性即可。

示例:

代码语言:javascript
运行
复制
<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"/>
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54794851

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档