react-hook-form-rules
v1.0.14
Published
This is a small library that contains a few rules for clearer validation handling in the [react-hook-form](https://www.react-hook-form.com/) library.
Downloads
152
Readme
react-hook-form-rules
This is a small library that contains a few rules for clearer validation handling in the react-hook-form library.
Contacts
Hello everyone 👋.
If you have any questions or suggestions, my github profile.
Rules
getRequiredRule
Description
This rule makes the field required.
Options
| Option | Type | Default | Description | | ---------- | ------- | ------------------------- | --------------------------------------------------------------- | | isRequired | boolean | true | Dynamic parameter that indicates whether the field is required. | | message | string | "This field is required." | Custom message. |
Code example
import { getRequiredRule } from 'react-hook-form-rules';
const {...} = useController({
rules: {{
required: getRequiredRule()
}}
})
getRequiredArrayRule
Description
This rule makes the array field required.
Options
| Option | Type | Default | Description | | ------- | ------ | ------------------------- | ---------------- | | arr | array | - | Array of values. | | message | string | "This field is required." | Custom message. |
Code example
import { getRequiredArrayRule } from 'react-hook-form-rules';
const {...} = useController({
rules: {{
validate: (arr) => getRequiredArrayRule(arr)
}}
})
getRequiredObjectRule
Description
This rule makes the object field required.
Options
| Option | Type | Default | Description | | ------- | ------ | ------------------------- | ------------------- | | obj | object | - | Object with values. | | message | string | "This field is required." | Custom message. |
Code example
import { getRequiredObjectRule } from 'react-hook-form-rules';
const {...} = useController({
rules: {{
validate: (arr) => getRequiredObjectRule(arr)
}}
})
getMaxRule
Description
This rule returns an error if the number is greater than the specified value.
Options
| Option | Type | Default | Description | | ------- | ------ | ------------------------- | --------------- | | max | number | - | Maximum number. | | message | string | "Maximum value - ${max}." | Custom message. |
Code example
import { getMaxRule } from 'react-hook-form-rules';
const {...} = useController({
rules: {{
max: getMaxRule(15)
}}
})
getMaxLengthRule
Description
This rule checks that the number of characters in the string does not exceed the specified value.
Options
| Option | Type | Default | Description | | --------- | ------ | -------------------------------- | ------------------------------------- | | maxLength | number | - | Maximum number of characters allowed. | | message | string | "Maximum length - ${maxLength}." | Custom message. |
Code example
import { getMaxLengthRule } from 'react-hook-form-rules';
const {...} = useController({
rules: {{
maxLength: getMaxLengthRule(15)
}}
})
getMaxArrayLengthRule
Description
This rule returns an error if the number of values in the array exceeds the specified limit.
Options
| Option | Type | Default | Description | | --------- | ------ | ------------------------------------------ | ------------------------- | | arr | arrray | - | Array of values. | | maxLength | number | - | Maximum number of values. | | message | string | "Maximum number of values - ${maxLength}." | Custom message |
Code example
import { getMaxArrayLengthRule } from 'react-hook-form-rules';
const {...} = useController({
rules: {{
validate: (arr) => getMaxArrayLengthRule(arr, 15)
}}
})
getMinRule
Description
This rule checks that the string contains a minimum number of characters.
Options
| Option | Type | Default | Description | | ------- | ------ | ------------------------- | --------------- | | min | number | - | Minimum number. | | message | string | "Minimum value - ${min}." | Custom message. |
Code example
import { getMinRule } from 'react-hook-form-rules';
const {...} = useController({
rules: {{
min: getMinRule(15)
}}
})
getMinLengthRule
Description
The rule checks that the string contains at least the specified number of characters.
Options
| Option | Type | Default | Description | | --------- | ------ | -------------------------------- | ------------------------------------- | | minLength | number | - | Minimum number of characters allowed. | | message | string | "Minimum length - ${minLength}." | Custom message |
Code example
import { getMinLengthRule } from 'react-hook-form-rules';
const {...} = useController({
rules: {{
minLength: getMinLengthRule(15)
}}
})
getMinArrayLengthRule
Description
The rule checks that the array contains a minimum number of elements.
Options
| Option | Type | Default | Description | | --------- | ------ | ------------------------------------------ | ------------------------- | | arr | arrray | - | Array of values. | | minLength | number | - | Maximum number of values. | | message | string | "Minimum number of values - ${minLength}." | Custom message |
Code example
import { getMinArrayLengthRule } from 'react-hook-form-rules';
const {...} = useController({
rules: {{
validate: (arr) => getMinArrayLengthRule(arr, 15)
}}
})
getEmailRule
Description
he rule checks the entered email for correctness.
Options
| Option | Type | Default | Description | | ------------- | ------ | ------------------------------------------------------------ | ------------------- | | props | object | - | Object with values | | props.pattern | RegExp | ^[\w-.]+@([\w-]+.)+[\w-]{2,4}$ | Regular expression. | | props.message | string | "Please check the correctness of the entered email address." | Custom message |
Code example
import { getEmailRule } from 'react-hook-form-rules';
const {...} = useController({
rules: {{
pattern: getEmailRule({})
}}
})
getUrlRule
Description
The rule checks the entered URL for correctness.
Options
| Option | Type | Default | Description | | ------------- | ------ | ---------------------------------------------------------------------------------------------------------- | ------------------- | | props | object | - | Object with values | | props.pattern | RegExp | (http(s)?)://(www.)?[-a-zA-Z0-9@:%.+~#=]{1,256}.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%+.~#?&//=]*) | Regular expression. | | props.message | string | "The URL does not match the format." | Custom message |
Code example
import { getUrlRule } from 'react-hook-form-rules';
const {...} = useController({
rules: {{
pattern: getUrlRule({})
}}
})