setRules

react-validatable-form

Version: 5.0.2

Getting Started

Home

Installation

Usage

Rules

required

number

length

listSize

date

url

iban

equality

includes

regex

unique

custom on hook

custom on provider

Advanced Settings

Validate Lists

Hide Before Submit

Show After Blur

Focus to Error After Submit

Focus to Error on List After Submit

Validate List of Objects

Validate Complex Forms

Customizations

Custom Message

Custom Translations

Conditional Rules

Apply to Nulls

Element Focus Handler

Example Usages

Pure React Components

MUI Components

Ant Design Components

PrimeReact Components

React-Bootstrap Components

React Native

setFormData

setPathValue

unsetPathValue

setRules

setFormDataAndRules

formData

validationError

validationErrorOriginalResult

unsetPathIsBlurred

isPathValid

API

ReactValidatableFormProvider

useValidatableForm

rules

Rule

path & listPath

setRulesView on GitHub

Click "Change Rule" button to set new rules

Text1

Text2

Num Val

Select Val

Europe

Validation Result:

valid

Current Rules

[ { "path": "textVal1", "ruleSet": [ { "rule": "required" } ] }, { "path": "textVal2", "ruleSet": [ { "rule": "required" } ] }, { "path": "numVal", "ruleSet": [ { "rule": "required" } ] }, { "path": "selectVal", "ruleSet": [ { "rule": "required" } ] } ]