Как я могу сказать валидатору Vuelidate принять «alphaNum» плюс символьную точку («.»)?

Question

У меня есть поле ввода, я могу сказать Vuelidate , что он принимает только alphaNum и Required следующим образом:

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

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

Вот мой вопрос, как я могу заставить myInputValue принять дополнительную символьную точку (.)?

, что в целом примет эти вещи

1. abcdefghijklmnopqrstuvwxyz
2. ABCDEFGHIJKLMNOPQRSTUVWXYZ
3. 0123456789
4. .

Как мне этого добиться?

Answer 1

Вы можете использовать регулярное выражение с набором символов alphanumeri c символов плюс .:

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