Hi.
I was looking for a way to validate Framework7’s React form input on blur event, then I found this docs (https://framework7.io/react/inputs.html). As you can see in the docs, there’s a validateOnBlur
prop for ListInput
component. But it seems it’s not available as it is not displayed when auto-completing the prop name and also it is not working in any way. I really need this feature.
Here’s what I’m trying to do:
<ListInput
label="Name"
name="name"
type="text"
value={value}
required
validate
validateOnBlur
pattern="^(?![\s.]+$).{3,30}$"
errorMessage="Name should be at least 3 character length up to 30."
clearButton
onInput={e => onChangeInput(e)}
onChange={e => onChangeInput(e)}
/>
Thanks in advance!
Regards, Rizki.