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.
NameDescription
default
---
NameDescription
.fv-control-label
Apply block level label style for label element. (can apply to all elements, not only this component or either this childs)
.fv-form-control-group
Apply control group style for fieldset element. (can apply to all elements, not only this component or either this childs)
.fv-form-control
Apply block level form control style class for elements. (can apply to all elements, not only this component or either this childs)
.fv-input-group
Used for container for list of sibiling inputs and buttons that exhibiting one form element. (can apply to all elements, not only this component or either this childs)