Supported Rules

  • required boolean required fields will be given a unique class you can use to mark the field as required. E.g:
.VF-Field--required label {
  position: relative;

.VF-Field--required>label:before {
  font-size: 20px;
  position: absolute;
  • requiredIf string - make the field required only if another field was filled with a value (typically a select or checkbox). The field would only display when required. To set specific values for requiring the field use the following format:
     field: {
       requiredIf:'otherField:val1, val2'
  • requiredAndShownIf string - same as requiredIf, except that the field is also hidden when it is not required.
  • email boolean - Automatically set to true for vf-email
  • number boolean - Automatically set to true for vf-number
  • min,max,between number -

    a. If the number or integer rules are set to true validates numeric values

    b. If the parameter is a moment object or a YYYY-MM-DD-formatted string validates dates

    c. Otherwise - validates string length

  • integer boolean
  • digits boolean
  • remote string Validate field on the server end. Accepts a URL, to which the value is sent on change event as a request parameter (value). From the server side return {valid:[boolean]}. Requires vue-resource.
  • greaterThan,smallerThan string accepts the name of the compared field. Compares numbers and dates
  • url boolean

results matching ""

    No results matching ""