quasar/src/composables/private.use-validate/use-validate.json

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

{
  "props": {
    "model-value": {
      "type": "Any",
      "desc": "Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive",
      "category": "model"
    },

    "error": {
      "type": ["Boolean", "null"],
      "default": "null",
      "desc": "Does field have validation errors?",
      "category": "validation"
    },

    "error-message": {
      "type": "String",
      "desc": "Validation error message (gets displayed only if 'error' is set to 'true')",
      "examples": ["'Username must have at least 5 characters'"],
      "category": "validation"
    },

    "no-error-icon": {
      "type": "Boolean",
      "desc": "Hide error icon when there is an error",
      "category": "validation"
    },

    "rules": {
      "type": "Array",
      "tsType": "ValidationRule",
      "desc": "Array of Functions/Strings; If String, then it must be a name of one of the embedded validation rules",
      "examples": [
        "[val => val.length <= 3 || 'Please use maximum 3 characters']",
        "['fulltime']",
        "[(val, rules) => rules.email(val) || 'Please enter a valid email address']"
      ],
      "category": "validation"
    },

    "reactive-rules": {
      "type": "Boolean",
      "desc": "By default a change in the rules does not trigger a new validation until the model changes; If set to true then a change in the rules will trigger a validation; Has a performance penalty, so use it only when you really need it",
      "category": "validation"
    },

    "lazy-rules": {
      "type": ["Boolean", "String"],
      "desc": "If set to boolean true then it checks validation status against the 'rules' only after field loses focus for first time; If set to 'ondemand' then it will trigger only when component's validate() method is manually called or when the wrapper QForm submits itself",
      "default": "false",
      "values": ["true", "false", "'ondemand'"],
      "category": "validation"
    }
  },

  "methods": {
    "resetValidation": {
      "desc": "Reset validation status",
      "params": null,
      "returns": null
    },

    "validate": {
      "desc": "Trigger a validation",
      "params": {
        "value": {
          "type": "Any",
          "desc": "Optional value to validate against"
        }
      },
      "returns": {
        "type": ["Boolean", "Promise<boolean>"],
        "desc": "True/false if no async rules, otherwise a Promise with the outcome (true -> validation was a success, false -> invalid models detected)",
        "examples": ["true", "validate().then(outcome => { ... })"]
      }
    }
  },

  "computedProps": {
    "hasError": {
      "type": "Boolean",
      "desc": "Whether the component is in error state"
    }
  }
}