Install
# JS Validation!
import in component
import Validation from 'js-validation-serjik'
single mode
use :
let data = 'input text';
let rule = 'string|min:10';
let label = "label";
Validation.validate(data, rule, label,true);
Note: label can be false, and if it has string value show it in error message
result :
{
errors: {
errors: ['message number one', 'message number tow'],
},
fails: true // boolean = if has error is true else is false
}
Note: if the action has validation error fails property is true and if does not has it is false
group mode
use:
let data = {
name: 'john',
last_name: 'doe',
age: 17,
};
let rules = {
name: 'string|max:20',
age: 'integer',
};
let labels = {
name: 'your name',
last_name: 'your last name',
age; 'your age'
};
Validation.validate(data, rules, labels);
result :
{
errors: {
field_name: ['message number one', 'message number tow'],
age: ['must be integer'],
// ...
},
fails: true // boolean = if has error is true else is false
}
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:{equal value} you can pass variable of component |