CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-vuelidate--validators

Comprehensive validation library for Vue.js applications providing common validators with built-in error messages and customization options

87

1.14x
Overview
Eval results
Files

task.mdevals/scenario-3/

Multilingual Form Validator

A form validation utility that provides multilingual error messages for user registration forms supporting English, Spanish, and French locales.

Capabilities

Validates required fields with localized messages

  • It validates that username is required and returns localized error messages @test
  • It validates that email is required and returns localized error messages @test

Validates email format with localized messages

  • It validates email format and returns localized error messages for invalid emails @test
  • It accepts valid email addresses without returning errors @test

Validates minimum length with localized messages

  • It validates that username meets minimum length requirement and returns localized error messages @test
  • It validates that password meets minimum length requirement and returns localized error messages @test

Supports multiple locales

  • It returns error messages in English when locale is 'en' @test
  • It returns error messages in Spanish when locale is 'es' @test
  • It returns error messages in French when locale is 'fr' @test

Implementation

@generates

API

/**
 * Creates a multilingual validator with localized error messages.
 *
 * @param {string} locale - The locale code ('en', 'es', or 'fr')
 * @returns {Object} An object containing validator functions with localized messages
 */
function createMultilingualValidator(locale) {
  // IMPLEMENTATION HERE
}

/**
 * Validates a user registration form with localized error messages.
 *
 * @param {Object} formData - The form data to validate
 * @param {string} formData.username - The username (required, minimum 3 characters)
 * @param {string} formData.email - The email address (required, valid email format)
 * @param {string} formData.password - The password (required, minimum 8 characters)
 * @param {string} locale - The locale code ('en', 'es', or 'fr')
 * @returns {Object} Validation result with errors array containing localized messages
 */
function validateRegistrationForm(formData, locale) {
  // IMPLEMENTATION HERE
}

module.exports = {
  createMultilingualValidator,
  validateRegistrationForm,
};

Dependencies { .dependencies }

@vuelidate/validators { .dependency }

Provides validation functions and internationalization support.

Install with Tessl CLI

npx tessl i tessl/npm-vuelidate--validators

tile.json