多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
## 针对表单的绑定 **示例**:在 form 上绑定`data-validator-option`来配置参数 ~~~html <form data-validator-option='{stopOnError:false, timely:2, theme:"yellow_right"}'> ...... </form> ~~~ **示例**:在 form 上绑定`novalidate`,使其不要自动初始化 ~~~html <form novalidate> ...... </form> ~~~ ## 针对表单元素的绑定 ### 配置在字段元素上 * `data-rule`\- 给字段配置规则 * `data-rule-*`\- 给字段自定义规则 * `data-msg`\- 字段验证不通过时的提示 * `data-msg-*`\- 字段具体规则验证不通过时的提示 * `data-tip`\- 字段填写帮助 * `data-ok`\- 字段验证通过时的提示 * `data-target`\- 配置提示消息的显示位置 * `data-timely`\- 配置验证的实时性 (`v0.8.0+`) * `data-must`\- 是否强制验证 (`v0.8.0+`) * `novalidate`\- 如果配置则停止验证该字段 **示例**: ~~~html <input type="password" name="pwd" data-rule="required; password" data-rule-password="[/^\d{6}$/, '请填写6位数字']" data-msg-required="请填写密码" data-tip="密码由6位数字组成" data-ok="别担心,稍后您还可以更改" data-target="#msg_holder" > <span class="msg-box" id="msg_holder"></span> ~~~ ### 配置在 submit 按钮 * `formnovalidate`\- 点击配置了该属性后的按钮不会验证表单 (`v0.8.0+`) **示例**: ~~~html <form> <!-- some fields --> ........ <button type="submit" formnovalidate>提交</button> </form> ~~~