validator.md

Validator

Getters

• validator.$v.invalid: boolean
• validator.$v.pending: boolean
• validator.$v.error: boolean
• validator.$v.anyError: boolean
• validator.$v.dirty: boolean
• validator.$v.anyDirty: boolean
• validator.$v.errors: { [key: string]: any }

Methods:

• validator.$v.validate()
• validator.$v.touch()
• validator.$v.reset()

const form = {
  account: '',
}

const schema = {
  account: {
    $params: {
      languageCode: 'en',
    },
    $normalizer({ value }) {
      return value.trim()
    },
    $rules: {
      async alreadyBeenUsed({ value }) {
        if (await isExists(value)) {
          return false
        }
      },
    },
    $errors: {
      alreadyBeenUsed() {
        const languageCode = params.languageCode || 'en-US'
        return translate(`This account has already been used.`, { languageCode })
      },
    },
  },
}

const validator = {}

const proxiedForm = FormValidation.proxy({ form, schema, validator })
/*
validator.account.$v === {
  invalid: false,
  pending: false,
  error: false,
  anyError: false,
  dirty: false,
  anyDirty: false,
  errors: {
      alreadyBeenUsed: undefined
  },
}
*/

const mayBePromise = validator.$v.validate()
/*
validator.account.$v === {
  invalid: false,
  * pending: true,
  error: false,
  anyError: false,
  dirty: false,
  anyDirty: false,
  errors: {
      alreadyBeenUsed: undefined
  },
}
*/

await mayBePromise
/*
validator.account.$v === {
  * invalid: true,
  * pending: false,
  error: false,
  anyError: false,
  dirty: false,
  anyDirty: false,
  errors: {
    * alreadyBeenUsed: 'This account has already been used.'
  },
}
*/

validator.$v.touch()
/*
validator.account.$v === {
  invalid: true,
  pending: false,
  * error: true,
  * anyError: true,
  * dirty: true,
  * anyDirty: true,
  errors: {
    alreadyBeenUsed: 'This account has already been used.'
  },
}
*/

validator.$v.reset()
/*
validator.account.$v === {
  * invalid: false,
  pending: false,
  * error: false,
  * anyError: false,
  * dirty: false,
  * anyDirty: false,
  errors: {
    * alreadyBeenUsed: undefined
  },
}
*/