chaudharykiran / SimpleReactValidatorWithHooks

Usage of SimpleReactValidator in functional Component using Hooks

Home Page:https://codesandbox.io/s/github/chaudharykiran/SimpleReactValidatorWithHooks

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Use of SimpleReactValidator in functional component using Hooks

Usage

  1. Initialize the validator
  const [validator, showValidationMessage] = useValidator(customMessages, customValidator)
  1. Add validation rules under inputs
  validator.message('password', password, 'required')
  1. Check if validation passes and turn on message
  if (validator.allValid()) {
    console.log('Submit Data')
  } else {
    // turn on validation message and re-render
    showValidationMessage(true)
  }

About

Usage of SimpleReactValidator in functional Component using Hooks

https://codesandbox.io/s/github/chaudharykiran/SimpleReactValidatorWithHooks


Languages

Language:JavaScript 50.4%Language:HTML 47.8%Language:CSS 1.8%