validateOnBlur exists on docs, but not on library


#1

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.


#2

It is available from Framework7 version 4