1. vue-validation-serjik

vue-validation-serjik

# 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
email 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)