Vee-validate: Question: Custom messages per rule and field

Created on 17 May 2018 · 5Comments · Source: logaretm/vee-validate

Versions:

VueJs: 2.5.16
Vee-Validate: 2.0.9

Assumptions

Vue SSR
I have an input component
Scoped form

Question:

How would I do the following?
I'm trying to make the required message for firstName be:

Please enter your first name.

and for city:

Please enter the city.

Steps To Reproduce:

So far I have:

const dictionary = {
  en: {
    messages: {
      required: (field) => {
        if (field === 'firstName') {
          return `Please enter your ${field}.`
        } else if (field === 'city') {
          return `Please enter the ${field}.`
        }
        return `Please enter a ${field}.`
      },
    },
  },
}

Object.keys(veeRules).forEach(k => Validator.extend(k, veeRules[k]))
Validator.localize('en', veeEn)
Vue.use(VeeValidate, { inject: false, dictionary })

But this doesn't seem correct.

❔ question

Source

g3rd

Most helpful comment

You could assign specific error messages to specific fields:

const dictionary = {
  en: {
    custom: {
      firstName: {
         required: 'Please enter your first name.'
      },
      city: {
        required: 'Please enter the city.'
      }
    }
  }
}

Object.keys(veeRules).forEach(k => Validator.extend(k, veeRules[k]))
Validator.localize('en', veeEn)
Vue.use(VeeValidate, { inject: false, dictionary })

logaretm on 18 May 2018

👍3 🎉2 ❤1

All 5 comments

You could assign specific error messages to specific fields:

const dictionary = {
  en: {
    custom: {
      firstName: {
         required: 'Please enter your first name.'
      },
      city: {
        required: 'Please enter the city.'
      }
    }
  }
}

Object.keys(veeRules).forEach(k => Validator.extend(k, veeRules[k]))
Validator.localize('en', veeEn)
Vue.use(VeeValidate, { inject: false, dictionary })

logaretm on 18 May 2018

👍3 🎉2 ❤1

Hi @logaretm I'm trying this out but I keep getting: "Can't find variable: veeRules". I'm obviously doing something wrong. Please can you give me pointers?