Built-in rules

All built-in rules are available through the @regle/rules package.

Don't forget to install it if you haven't:

pnpm

pnpm add @regle/rules

npm

npm install @regle/rules

yarn

yarn add @regle/rules

bun

bun add @regle/rules

TIP

Every built-in rule will check if the value of the field is set before checking if it's valid.

This allow to have rules even if the field is not required.

alpha

Params

• allowSymbols?: MaybeRefOrGetter<boolean>

Allows only alphabetic characters.

import { alpha } from '@regle/rules';

const { r$ } = useRegle({ name: '' }, {
  name: { 
    alpha,
    // or
    alpha: alpha({ allowSymbols: true }),
  },
})

alphaNum

Params

• allowSymbols?: MaybeRefOrGetter<boolean>

Allows only alphanumeric characters.

import { alphaNum } from '@regle/rules';

const { r$ } = useRegle({ name: '' }, {
  name: { 
    alphaNum,
    // or
    alphaNum: alphaNum({ allowSymbols: true }),
})

between

Params

• min: Ref<number> | number | () => number
• max: Ref<number> | number | () => number
• options?: {allowEqual?: boolean}

Checks if a number is in specified bounds. min and max are both inclusive.

import { between } from '@regle/rules';

const maxCount = ref(6);

const { r$ } = useRegle({ count: 0 }, {
  count: {
    between: between(1, 6),
    between: between(1, maxCount, {allowEqual: false}),
    between: between(() => maxCount.value, 10)
  },
})

checked

Requires a boolean value to be true. This is useful for checkbox inputs.

import { checked } from '@regle/rules';

const { r$ } = useRegle({ confirm: false }, {
  confirm: { checked },
})

contains

Params

• contain: Ref<string> | string | () => string

Checks if the string contains the specified substring.

import { contains } from '@regle/rules';

const { r$ } = useRegle({ bestLib: '' }, {
  bestLib: {
    contains: contains('regle')
  },
})

dateAfter

Params

• after: Ref<string | Date> | string | Date | () => string | Date

Checks if the date is after the given parameter.

import { dateAfter } from '@regle/rules';

const { r$ } = useRegle({ birthday: null as Date | null }, {
  birthday: {
    dateAfter: dateAfter(new Date())
  },
})

dateBefore

Params

• before: Ref<string | Date> | string | Date | () => string | Date

Checks if the date is before the given parameter.

import { dateBefore } from '@regle/rules';

const { r$ } = useRegle({ birthday: null as Date | null }, {
  birthday: {
    dateBefore: dateBefore(new Date())
  },
})

dateBetweeen

Params

• before: Ref<string | Date> | string | Date | () => string | Date
• after: Ref<string | Date> | string | Date | () => string | Date

Checks if the date falls between the specified bounds.

import { dateBetween } from '@regle/rules';

const { r$ } = useRegle({ birthday: null as Date | null }, {
  birthday: {
    dateBetween: dateBetween(new Date(), new Date(2030, 3, 1))
  },
})

decimal

Allows positive and negative decimal numbers.

import { decimal } from '@regle/rules';

const { r$ } = useRegle({ price: 0 }, {
  price: { decimal },
})

email

Validates email addresses. Always verify on the server to ensure the address is real and not already in use.

import { email } from '@regle/rules';

const { r$ } = useRegle({ email: '' }, {
  email: { email },
})

endsWith

Params

• end: Ref<string> | string | () => string

Checks if the string ends with the specified substring.

import { endsWith } from '@regle/rules';

const { r$ } = useRegle({ firstName: '' }, {
  firstName: { endsWith: endsWith('foo') },
})

exactLength

Params

• count: Ref<number> | number | () => number

Requires the input value to have a strict specified length, inclusive. Works with arrays, objects and strings.

import { exactLength } from '@regle/rules';

const exactValue = ref(6);

const { r$ } = useRegle({ name: '' }, {
  name: {
    exactLength: exactLength(6),
    exactLength: exactLength(exactValue),
    exactLength: exactLength(() => exactValue.value)
  },
})

exactValue

Params

• count: Ref<number> | number | () => number

Requires a field to have a strict numeric value.

import { exactValue } from '@regle/rules';

const exactCount = ref(6);

const { r$ } = useRegle({ count: 0 }, {
  count: {
    exactValue: exactValue(6),
    exactValue: exactValue(exactCount),
    exactValue: exactValue(() => exactCount.value)
  },
})

integer

Allows only integers (positive and negative).

import { integer } from '@regle/rules';

const { r$ } = useRegle({ count: 0 }, {
  count: { integer },
})

ipv4Address

Validates IPv4 addresses in dotted decimal notation 127.0.0.1.

import { ipv4Address } from '@regle/rules';

const { r$ } = useRegle({ address: '' }, {
  address: { ipv4Address },
})

macAddress

Params

• separator?: string | Ref<string> | () => string

Validates MAC addresses. Call as a function to specify a custom separator (e.g., ':' or an empty string for 00ff1122334455).

import { macAddress } from '@regle/rules';

const maxCount = ref(6);

const { r$ } = useRegle({ address: '' }, {
  address: {
    macAddress,
    // or
    macAddress: macAddress('-')
  },
})

maxLength

Params

• max: Ref<number> | number | () => number
• options?: {allowEqual?: boolean}

Works with

• Array | Record | string | number

Requires the input value to have a maximum specified length, inclusive. Works with arrays, objects and strings.

import { maxLength } from '@regle/rules';

const maxValue = ref(6);

const { r$ } = useRegle({ name: '' }, {
  name: {
    maxLength: maxLength(6),
    maxLength: maxLength(maxValue),
    maxLength: maxLength(() => maxValue.value)
  },
})

maxValue

Params

• min: Ref<number> | number | () => number
• options?: {allowEqual?: boolean}

Requires a field to have a specified maximum numeric value.

import { maxValue } from '@regle/rules';

const maxCount = ref(6);

const { r$ } = useRegle({ count: 0 }, {
  count: {
    maxValue: maxValue(6),
    maxValue: maxValue(maxCount, {allowEqual: false}),
    maxValue: maxValue(() => maxCount.value)
  },
})

minLength

Params

• min: Ref<number> | number | () => number
• options?: {allowEqual?: boolean}

Works with

• Array | Record | string | number

Requires the input value to have a minimum specified length, inclusive. Works with arrays, objects and strings.

import { minLength } from '@regle/rules';

const minValue = ref(6);

const { r$ } = useRegle({ name: '' }, {
  name: {
    minLength: minLength(6),
    minLength: minLength(minValue),
    minLength: minLength(() => minValue.value)
  },
})

minValue

Params

• min: Ref<number> | number | () => number
• options?: {allowEqual?: boolean}

Works with

• number

Requires a field to have a specified minimum numeric value.

import { minValue } from '@regle/rules';

const minCount = ref(6);

const { r$ } = useRegle({ count: 0 }, {
  count: {
    minValue: minValue(6),
    minValue: minValue(minCount, {allowEqual: false}),
    minValue: minValue(() => minCount.value)
  },
})

nativeEnum

Validate against a native Typescript enum value. Similiar to Zod's nativeEnum

import { nativeEnum } from '@regle/rules';

enum Foo {
  Bar, Baz
}

const { r$ } = useRegle({ type: '' }, {
  type: { nativeEnum: nativeEnum(Foo) },
})

numeric

Allows only numeric values (including numeric strings).

import { numeric } from '@regle/rules';

const { r$ } = useRegle({ count: 0 }, {
  count: { numeric },
})

oneOf

Allow only one of the values from a fixed Array of possible entries.

Params

• options: MaybeRefOrGetter<Array<string | number>>

import { oneOf } from '@regle/rules';

const { r$ } = useRegle({ aliment: 'Fish' }, {
  aliment: {
    oneOf: oneOf(['Fish', 'Meat', 'Bone'])
  },
})

regex

Params

• regexps: MaybeRefOrGetter<RegExp | RegExp[]>

Checks if the value matches one or more regular expressions.

import { regex } from '@regle/rules';

const { r$ } = useRegle({ name: '' }, {
  name: {
    regex: regex(/^foo/),
    regex: regex([/^bar/, /baz$/]),
  },
})

required

Requires non-empty data. Checks for empty arrays and strings containing only whitespaces.

import {required} from '@regle/rules';

const {r$} = useRegle({name: ''}, {
  name: {required},
})

requiredIf

Params

• condition: Ref<unknown> | unknown | () => unknown - the property to base the required validator on.

Requires non-empty data, only if provided data property, ref, or a function resolves to true.

import { requiredIf } from '@regle/rules';

const form = ref({ name: '', condition: false });

const conditionRef = ref(false);

const { r$ } = useRegle(form, {
  name: {
    required: requiredIf(() => form.value.condition),
    required: requiredIf(conditionRef),
  },
})

requiredUnless

Params

• condition: Ref<unknown> | unknown | () => unknown - the property to base the required validator on.

Requires non-empty data, only if provided data property, ref, or a function resolves to false.

import { requiredUnless } from '@regle/rules';

const form = ref({ name: '', condition: false });

const conditionRef = ref(false);

const { r$ } = useRegle(form, {
  name: {
    required: requiredUnless(() => form.value.condition),
    required: requiredUnless(conditionRef)
  },
})

sameAs

Params

• target: unknown

Checks if the value matches the specified property or ref.

import { sameAs } from '@regle/rules';

const form = ref({
  password: '',
  confirmPassword: '',
});

const { r$ } = useRegle(form, {
  confirmPassword: {
    sameAs: sameAs(() => form.value.password),
  }
})

startsWith

Params

• start: Ref<string> | string | () => string

Checks if the string starts with the specified substring.

import { startsWith } from '@regle/rules';

const { r$ } = useRegle({ bestLib: '' }, {
  bestLib: {
    startsWith: startsWith('regle')
  },
})

url

Validates URLs.

import { url } from '@regle/rules';

const { r$ } = useRegle({ bestUrl: '' }, {
  bestUrl: { url },
})