Validation Guide

react-cool-form supports a wide range of synchronous and asynchronous validation strategies for built-in, field-level, and form-level validations to cover all the cases that you need.

Built-in Validation

We support HTML5 form validation out of the box, a quick and easy way for form validation.

import { useForm } from "react-cool-form";

const App = () => {

const { form } = useForm({

defaultValues: { name: "", email: "", password: "" },

onSubmit: (values) => console.log("onSubmit: ", values),

onError: (errors) => console.log("onError: ", errors),

});

return (

<form ref={form} noValidate>

<input name="name" placeholder="Name" required />

<input name="email" type="email" placeholder="Email" required />

<input

name="password"

type="password"

placeholder="Password"

required

minLength={8}

/>

<input type="submit" />

</form>

);

};

Field-level Validation

Coming soon...

Form-level Validation

Coming soon...

Manually Triggering Validation

Coming soon...

Displaying Error Messages

Coming soon...

When Does Validation Run?

Coming soon...