How to set multiple error messages?

An input box has multiple validation rules, such as required and email, so how can I distinguish between setting prompt characters for them? <input type="text" class="form-control" v-model="form.email" v-validate.disable="'required|email'" data-vv-as="email address" name="email" placeholder="enter email"> I hope that the error prompt of required is “mailbox must be filled”, and the email is “the mailbox format you entered is not correct”.

[941477276]

yes, it does. Thank you very much.But there is also a situation where I have an email input box on multiple pages, and in this way the value of the “name” attribute in my input box has to be different, otherwise the error message will not be correct

//page1：
<input type="text" name="email" v-validate="'required|email'">
//page2:
<input type="text" name="email2" v-validate="'required|email'">
//main.js:
Validator.localize({
  en: {
    custom: {
      email: {
        required: "Please enter your email address",
        email: "Your email does not look right"
      },
      email2: {
        required: "Please enter your email address222222",
        email: "Your email does not look right22222"
      }
    }
  }
});

If I have 10 pages with email input fields, and they all have their own validation rules and corresponding error messages, then I’m not going to define 10 names.So what I’m trying to say is can you define error messages in the page, not in mian.js, because in mian.js the definition can affect the whole world

[logaretm]

Sorry, was away for a few days.

Thanks for the suggestions and the proposals, I believe this was requested before and I was against it since I don’t like adding too many attrs to the template, it can get ugly really quick.

Instead, use the custom field in the dictionary to set your custom messages, which is very similar to the jquery validator.

Validator.localize({
  en: {
    custom: {
      email: {
        required: 'Please enter your email address',
        email: 'Your email does not look right'
      }
    }
  }
})

Note that it matches the custom field with the name of the field, meaning your field must have the name email in the previous snippet.

Here is an example of it:

https://codesandbox.io/s/rlvk13ln7n