How to change the Vee-Validate default error messages?

javascript vue.js vee-validate
RichC picture RichC · Jun 21, 2018 · Viewed 11.4k times · Source

Using Vue.js and Vee-Validate, how can I change the default error messages?

Vee-Validate Example Demos

Out of the box, for the required message, it will display, "The <fieldname> field is required." But I just want all fields that are required to display "Required" instead. I know I can override individual fields but I just want to globally override any field that displays a required error to display "Required".

Answer

chrisg86 picture chrisg86 · Jun 21, 2018

Have a look at Field-specific Custom Messages in the official documentation.

You basically have to provide a custom dict for each language you want to override.

Related questions

Vee-Validate validateAll() with scope

I have a scenario where I have sectioned out (scoped) a form so that I can validate small chunks at a time using the following function. validateScope (scope) { return this.$validator.validateAll(scope); } I want to do one final validation …

Read More
How to disable input conditionally in vue.js

I have an input: <input type="text" id="name" class="form-control" name="name" v-model="form.name" :disabled="validated ? '' : disabled"> and in my Vue.js component, I have: .. .. ready() { this.form.name = this.store.name; this.form.validated = …

Read More
forEach is not a function error with JavaScript array

I'm trying to make a simple loop: const parent = this.el.parentElement console.log(parent.children) parent.children.forEach(child => { console.log(child) }) But I get the following error: VM384:53 Uncaught TypeError: parent.children.forEach is not a function …

Read More