我如何告诉 Vuelidate 的验证器接受 "alphaNum" 加字符点（“.”）？

Question

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

import { required, alphaNum } from "vuelidate/lib/validators";

export default {
  data() {
    return {
      myInputValue: ""
    };
  },
  validations: {
    myInputValue: {
      required,
      alphaNum
    }
  }
};

我的问题来了，如何让myInputValue接受一个额外的字符点(.)？

哪一个会完全接受这些东西

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789
.

我怎样才能做到这一点？

Answer 1

您可以使用包含字母数字字符字符集的正则表达式加上 .:

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

我如何告诉 Vuelidate 的验证器接受 "alphaNum" 加字符点（“.”）？

How can I tell the validator of Vuelidate to accept "alphaNum" plus character dot(".")?

javascript

vue.js

vuelidate