1.0.0 • Published 3 years ago
vue-simply-validator v1.0.0
Vue Simply Validator
Vue Simply Validator is helper for validation form, this validator only work and support for vue 3.
Feature Validation
- Required
- Alphabet
- Numeric
- Alphanumeric
Install
$ npm install marked
How to use
import SimplyValidator from 'vue-simply-validator'
import { required, email, minLength } from 'vue-simply-validator/validators'
const rules = {
name: { required, minLength: minLength(10) },
email: { required, email }
}
const state = {
name: null,
email: null
}
const validation = SimplyValidate(rules, state)
const validating = () => {
validation.$touch()
}
<template>
<form @submit.prevent="validating">
<label>Name</label>
<input type="text" name="name" v-model="state.name" />
<p v-if="validation.name.$errors.length">
<span v-for="(error, n) in validation.name.$errors" :key="n">
{{ error }}
</span>
</p>
<label>Email</label>
<input type="email" name="email" v-model="state.email" />
<p v-if="validation.email.$errors.length">
<span v-for="(error, n) in validation.email.$errors" :key="n" style="display: block;">
{{ error }}
</span>
</p>
<button type="submit">Submit</button>
<button @click="resetForm" type="reset">Reset</button>
</form>
</template>
1.0.0
3 years ago