1.1.20 • Published 4 years ago
vue-validation-serjik v1.1.20
Vue Validation!
install
run this command :
npm i --save vue-validation-serjik
usage :
import Vue from 'vue'
// ....
// .... another Code
// ....
import VueValidate from 'vue-validation-serjik'
Vue.use(VueValidate)
in component :
<template>
<div>
// ....
<input type="text" v-model="data.test" v-validate:rulename.another.any="data.test" validate-label='label text'>
// ...
<div>
</template>
<script>
/** javascript **/
</script>
<style>
/** style **/
</style>
example :
<input type="text" v-model="form.first_name" v-validate:string.min:5.max:25="form.first_name" validate-label='first name' />
check all validates :
import { checkAllValidations } from 'vue-validation-serjik';
// use function in any where
// return result boolean if has an error it is true and else it is false
let result = checkAllValidations();
reset all validates :
import { resetAllValidations } from 'vue-validation-serjik';
// use function in any where
// return result boolean if has an error it is true and else it is false
// when change component run this function
resetAllValidations(); // return true
Rules :
Note: when use rules must be split with
.
like this,rule1.rule2.rule3
title | description | use |
---|---|---|
string | check the value is string | string |
integer | check the value is number | integer |
min | check value length lower than this | min:{number} like this min:25 |
max | check value length bigger than this | max:{number} like this max:50 |
required | check value exist and unequal with null | required |
in | check value is in a array | in:1,2,3,4,... these numbers is your array indexes |
start with | check value started by this | start_with:{letter} like this start_with:a |
persian alpha | check words are persian alpha | persian |
english alpha | check words are english alpha | english |
check email format | email | |
phone | check phone number | phone |
boolean | check value is bool | boolean check is true , false , 0 or 1 |
url | check value is current url address | url check is current target |
confirm | check is equal with passed value | confirm:({your variable}) you can pass variable of component like confirm:(form_password) |
1.1.20
4 years ago
1.1.19
4 years ago
1.1.18
4 years ago
1.1.17
4 years ago
1.1.16
4 years ago
1.1.15
4 years ago
1.1.14
4 years ago
1.1.13
4 years ago
1.1.12
4 years ago
1.1.11
4 years ago
1.1.10
4 years ago
1.1.9
4 years ago
1.1.8
4 years ago
1.1.7
4 years ago
1.1.6
4 years ago
1.1.5
4 years ago
1.1.4
4 years ago
1.1.3
4 years ago
1.1.2
4 years ago
1.1.1
4 years ago
1.1.0
4 years ago
1.0.8
4 years ago
1.0.7
4 years ago
1.0.6
4 years ago
1.0.5
4 years ago
1.0.4
4 years ago
1.0.3
4 years ago
1.0.2
4 years ago
1.0.1
4 years ago
1.0.0
4 years ago