formkit-validation-helper
TypeScript icon, indicating that this package has built-in type declarations

0.2.1 • Public • Published

formkit-validation-helper · GitHub license

This helper utility creates a FormKit validation string or array from an object containing key/label pairs.

See the FormKit validation page regarding validating fields with the string or array syntax.

Usage

<script setup>
import { generateValidationString, generateValidationArray } from 'formkit-validation-helper';

const selectOptions = { dog: 'Dog', cat: 'Cat', mouse: 'Mouse' };

const validationString = generateValidationString(selectOptions); //=> 'dog,cat,mouse'
const validationArray = generateValidationArray(selectOptions); //=> ['dog', 'cat', 'mouse']
</script>

<template>
  <FormKit
    type="select"
    name="first_animal"
    label="Animal"
    placeholder="Select first animal"
    :options="selectOptions"
    :validation="`required|is:${validationString}`"
  />

  <!-- OR -->

  <FormKit
    type="select"
    name="second_animal"
    label="Animal"
    placeholder="Select second animal"
    :options="selectOptions"
    :validation="[['required'], ['is', ...validationArray]]"
  />
</template>

Note

Only uses the object keys and not the values.

{ dog: 'Dog', cat: 'Fox' } //=> 'dog,cat'

Package Sidebar

Install

npm i formkit-validation-helper

Weekly Downloads

1

Version

0.2.1

License

MIT

Unpacked Size

5.1 kB

Total Files

7

Last publish

Collaborators

  • mjlehrke