RegularForm简介

Demo & API：戳这里

使用要点

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

下载

• bower install regular-form
• npm install 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
r-extend	Function {variable}	表单元素的自定义验证

Component Status

属性	类型	描述
$dirty	Boolean	表单是否有改动的，内容改动之后就会置为true即使改回原来的值
$invalid	Boolean	表单是否验证通过
$submitted	Boolean	表单提交状态,点击提交就会置为true,用于提交时显示错误
form.$$name.$dirty	Boolean	具体一个表单元素是否有过交互，内容改动之后就会置为true即使改回原来的值
form.$$name.$dirty2	Boolean	$dirty
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