Validate Form on Submit (F7-Vue)

Questions
1

Hi,
I have a form input like this :

<f7-list>
   <f7-list-input
    floating-label
    label="Name"
    type="text"
    placeholder="Name"
    info="Name"
    validate
    required
    :value="name"
    @input="name = $event.target.value"
   />
</f7-list>

The validation works, but how to detect it when the user insist click the submit button? so I can give alert and prevent the form submitted.
Thanks.

2 
<f7-list form id="someForm" @submit="onSubmit">
   <f7-list-input
    floating-label
    label="Name"
    type="text"
    placeholder="Name"
    info="Name"
    validate
    required
    :value="name"
    @input="name = $event.target.value"
   />
</f7-list>

onSubmit(e) {
  const isValid = this.$f7.input.validateInputs('#someForm');
  if (!isValid) {
    e.preventDefault();
    return;
  }
}
1 Like
3

Thanks, It works perfectly.