elementFocusHandler parameter is used to manually handle focusing to the first element with a validation error.
Validation Result:
valid
![validationresult](/react-validatable-form-demo/valid.png)
Current Rules
[
{
"path": "textVal1",
"ruleSet": [
{
"rule": "required"
}
]
},
{
"path": "textVal2",
"ruleSet": [
{
"rule": "required"
},
{
"rule": "length",
"greaterThanOrEqualTo": 7
}
]
},
{
"path": "val3",
"ruleSet": [
{
"rule": "required"
},
{
"rule": "listSize",
"equalTo": 2
}
]
},
{
"path": "textVal4",
"ruleSet": [
{
"rule": "required"
},
{
"rule": "url"
}
]
}
]