Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我如何告诉Vuelidate的验证人接受;alphaNum“;加字符点(“)?_Javascript_Vue.js_Vuelidate - Fatal编程技术网

Javascript 我如何告诉Vuelidate的验证人接受;alphaNum“;加字符点(“)?

Javascript 我如何告诉Vuelidate的验证人接受;alphaNum“;加字符点(“)?,javascript,vue.js,vuelidate,Javascript,Vue.js,Vuelidate,我有一个输入字段,我可以告诉Vuelidate它只接受alphaNum和Required,如下所示: 从“vuelidate/lib/validators”导入{required,alphaNum}; 导出默认值{ 数据(){ 返回{ myInputValue:“ }; }, 验证:{ myInputValue:{ 必修的, 阿尔法纳姆 } } }; 我的问题来了,我如何使myInputValue接受一个额外的字符点(.) 谁会接受这些东西 abcdefghijklmnopqrstuvxyz

我有一个输入字段,我可以告诉Vuelidate它只接受
alphaNum
Required
,如下所示:

从“vuelidate/lib/validators”导入{required,alphaNum};
导出默认值{
数据(){
返回{
myInputValue:“
};
},
验证:{
myInputValue:{
必修的,
阿尔法纳姆
}
}
};
我的问题来了,我如何使
myInputValue
接受一个额外的字符点(.)

谁会接受这些东西

  • abcdefghijklmnopqrstuvxyz
  • abcdefghijklmnopqrstuvxyz
  • 0123456789

  • 如何实现这一点?

    您可以将正则表达式与字母数字字符加上
    的字符集一起使用:

    import { required, helpers } from 'vuelidate/lib/validators';
    const alphaNumAndDotValidator = helpers.regex('alphaNumAndDot', /^[a-z\d.]*$/i);
    
    export default {
      data() {
        return {
          myInputValue: ""
        };
      },
      validations: {
        myInputValue: {
          required,
          alphaNumAndDotValidator
        }
      }
    };
    

    .foo
    呢?
    .foo
    也会accept@CertainPerformance击败我吧,但我仍将与其他人分享我的沙盒解决方案: