RegularForm简介

npm install regular-form

Demo & API：戳这里

使用要点

• 依赖regularjs
• name 和 r-model是每个需要验证表单元素必须配置的
• 如果表单内嵌组件需要验证，内嵌的组件也需要继承regular-form

API

Directive

| 指令 | 指令值 | 描述 | | ------------- | ----------- | ------------- | | r-model | | r-model和name是每个表单元素需要必需要设置的 | | r-required | true false {variable} | 表单元素是否必需 | | r-type | url number email week month time date | 表单元素支持验证的类型 | | r-min | Number {variable} | 表单元素的最小值 | | r-max | Number {variable} | 表单元素的最大值 | | r-step | Number {variable} | 表单元素的间隔 | | r-pattern | RegExp {variable} |表单元素验证的正则规则(直接填写正则字符串如/^1[3|4|5|6|7|8|9]\d{9}$/,regular在parse时{9}会被处理，建议使用{variable}的方式) | | r-extend | Function {variable} | 表单元素的自定义验证 |

Component Status

| 属性 | 类型 | 描述 | | ------------- | ----------- | ------------- | | $dirty | Boolean | 表单是否有改动的，内容改动之后就会置为true即使改回原来的值 | | $invalid | Boolean | 表单是否验证通过 | | $submitted | Boolean | 表单提交状态,点击提交就会置为true,用于提交时显示错误| | form.$$name.$dirty | Boolean | 具体一个表单元素是否有过交互，内容改动之后就会置为true即使改回原来的值 | | form.$$name.$dirty2 | Boolean | $dirty || $touched || $submitted,实时显示错误需要依赖的标记 | | form.$$name.$touched | Boolean | 具体一个表单元素触发过blur事件 | | form.$$name.$error.required | Boolean | 具体一个表单元素的验证非法类型，true - 验证通过 false - 验证失败， name置表单元素的name属性 | form.$$name.$error.type | Boolean | | form.$$name.$error.min | Boolean | | form.$$name.$error.max | Boolean | | form.$$name.$error.step | Boolean | | form.$$name.$error.pattern | Boolean | | form.$$name.$error.required | Boolean | | form.$$name.$error.extend | Boolean |