vue-formulario/src/RuleValidationMessages.js

/**
 * This is an object of functions that each produce valid responses. There's no
 * need for these to be 1-1 with english, feel free to change the wording or
 * use/not use any of the variables available in the object or the
 * arguments for the message to make the most sense in your language and culture.
 *
 * The validation context object includes the following properties:
 * {
 *   args        // Array of rule arguments: between:5,10 (args are ['5', '10'])
 *   name:       // The validation name to be used
 *   value:      // The value of the field (do not mutate!),
 *   vm: the     // FormulateInput instance this belongs to,
 *   formValues: // If wrapped in a FormulateForm, the value of other form fields.
 * }
 */
const validationMessages = {
    /**
     * The default render method for error messages.
     */
    default: function (vm, context) {
        return vm.$t(`validation.default`, context)
    },

    /**
     * Valid accepted value.
     */
    accepted: function (vm, context) {
        return vm.$t(`validation.accepted`, context)
    },

    /**
     * The date is not after.
     */
    after: function (vm, context) {
        if (Array.isArray(context.args) && context.args.length) {
            context['compare'] = context.args[0]
            return vm.$t(`validation.after.compare`, context)
        }

        return vm.$t(`validation.after.default`, context)
    },

    /**
     * The value is not a letter.
     */
    alpha: function (vm, context) {
        return vm.$t(`validation.alpha`, context)
    },

    /**
     * Rule: checks if the value is alpha numeric
     */
    alphanumeric: function (vm, context) {
        return vm.$t(`validation.alphanumeric`, context)
    },

    /**
     * The date is not before.
     */
    before: function (vm, context) {
        if (Array.isArray(context.args) && context.args.length) {
            context['compare'] = context.args[0]
            return vm.$t(`validation.before.compare`, context)
        }

        return vm.$t(`validation.before.default`, context)
    },

    /**
     * The value is not between two numbers or lengths
     */
    between: function (vm, context) {
        context['from'] = context.args[0]
        context['to'] = context.args[1]

        const force = Array.isArray(context.args) && context.args[2] ? context.args[2] : false
        if ((!isNaN(value) && force !== 'length') || force === 'value') {
            return vm.$t(`validation.between.force`, context)
        }

        return vm.$t(`validation.between.default`, context)
    },

    /**
     * The confirmation field does not match
     */
    confirm: function (vm, context) {
        return vm.$t(`validation.confirm`, context)
    },

    /**
     * Is not a valid date.
     */
    date: function (vm, context) {
        if (Array.isArray(context.args) && context.args.length) {
            context['format'] = context.args[0]
            return vm.$t(`validation.date.format`, context)
        }

        return vm.$t(`validation.date.default`, context)
    },

    /**
     * Is not a valid email address.
     */
    email: function (vm, context) {
        return vm.$t(`validation.email.default`, context)
    },

    /**
     * Ends with specified value
     */
    endsWith: function (vm, context) {
        return vm.$t(`validation.endsWith.default`, context)
    },

    /**
     * Value is an allowed value.
     */
    in: function (vm, context) {
        if (typeof context.value === 'string' && context.value) {
            return vm.$t(`validation.in.string`, context)
        }

        return vm.$t(`validation.in.default`, context)
    },

    /**
     * Value is not a match.
     */
    matches: function (vm, context) {
        return vm.$t(`validation.matches.default`, context)
    },

    /**
     * The maximum value allowed.
     */
    max: function (vm, context) {
        context['maximum'] = context.args[0]

        if (Array.isArray(context.value)) {
            return vm.$tc(`validation.max.array`, context['maximum'], context)
        }
        const force = Array.isArray(context.args) && context.args[1] ? context.args[1] : false
        if ((!isNaN(context.value) && force !== 'length') || force === 'value') {
            return vm.$tc(`validation.max.force`, context['maximum'], context)
        }
        return vm.$tc(`validation.max.default`, context['maximum'], context)
    },

    /**
     * The (field-level) error message for mime errors.
     */
    mime: function (vm, context) {
        context['types'] = context.args[0]
        if (context['types']) {
            return vm.$t(`validation.mime.default`, context)
        } else {
            return vm.$t(`validation.mime.no_formats_allowed`, context)
        }
    },

    /**
     * The maximum value allowed.
     */
    min: function (vm, context) {
        context['minimum'] = context.args[0]

        if (Array.isArray(context.value)) {
            return vm.$tc(`validation.min.array`, context['minimum'], context)
        }
        const force = Array.isArray(context.args) && context.args[1] ? context.args[1] : false
        if ((!isNaN(context.value) && force !== 'length') || force === 'value') {
            return vm.$tc(`validation.min.force`, context['minimum'], context)
        }
        return vm.$tc(`validation.min.default`, context['minimum'], context)
    },

    /**
     * The field is not an allowed value
     */
    not: function (vm, context) {
        return vm.$t(`validation.not.default`, context)
    },

    /**
     * The field is not a number
     */
    number: function (vm, context) {
        return vm.$t(`validation.number.default`, context)
    },

    /**
     * Required field.
     */
    required: function (vm, context) {
        return vm.$t(`validation.required.default`, context)
    },

    /**
     * Starts with specified value
     */
    startsWith: function (vm, context) {
        return vm.$t(`validation.startsWith.default`, context)
    },

    /**
     * Value is not a url.
     */
    url: function (vm, context) {
        return vm.$t(`validation.url.default`, context)
    }
}

/**
 * This creates a vue-formulario plugin that can be imported and used on each
 * project.
 */
export default function (instance) {
    instance.extend({
        validationMessages: validationMessages
    })
}