regular-validator
A mixin for RegularJS
这个插件用来验证数据。可以将规则声明在任意标签上(表单元素,div,img,...),支持自定义验证,支持关联验证。
This plugin is aim to verify data. So it not only support the validation of form elements, but can validate data on all elements(eg: div, img). Custom validation and correlating validation are supported too.
Installation
npm install regular-validator
# or
bower install regular-validator
How to use
use RegularValidator as a mixin
let Comp = Regular// ...
add rules on the HTML tags
- common validate (input/select/textarea)
<!--use 'name' or 'data-name' assign a name--> <!--results--><!--if id is invalid-->{#if validation.id.invalid}Phone must be number.{/if}<!--if the rule(required/type/...) is invalid-->{#if validation.id.required}Phone is required.{/if}{#if validation.id.type}Phone must be number.{/if}
- or on other tags (img/div/...)
- custom validate method, returns result of bool type
// js// ...// email is invalid when it returns false { return email == 'hello@163.com'}// ...
- correlating validation, correlate variables changes will also trigger the validation
<!--either startTime or endTime's change can trigger the validation of the endTime-->
// js// ... { var data = thisdata; return datastartTime < dataendTime;}// ...
Built-in rules
required, type, length, min, max, pattern, custom
priority
required > type > length > min > max > pattern > custom
built-in types
iso_date, url, email, number, date, time
Result structure
- field result (data.validation[fieldname])
- validator summary result (data.validation)