To create form to check validity of Framevuerk form elements, use this component.


Code:

  
HTML
<fvForm @submit="sendIt" @reject="showWarning"> <!-- Your input components --> </fvForm>

Examples:

Men
Women
Other
Enter Date of Marriage
Enter Living Continent

Notes:

  • This component wrapped to normal html form element, so custom events and attributes are available on this.
  • If you want to build your custom form element, you should add fvValidate Boolean variable to your component and set validity of component to it (and optionaly active .fv-invalid class if it's false) AND add disabled Boolean variable (and optionaly active .fv-disabled class if it's true) to make it compatible with fvForm.

API:

NameParamsDescription
submit
---
Fired when user submitted form.
reject
listOfInvalidChilds
Fired when form rejected (because of illegal value inside inputs) on submit.