针对表单的绑定

示例:在 form 上绑定 data-validator-option 来配置参数

<form data-validator-option='{stopOnError:false, timely:2, theme:"yellow_right"}'>
    ......
</form>

示例:在 form 上绑定 novalidate,使其不要自动初始化

<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 - 如果配置则停止验证该字段

示例

<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+)

示例

<form>
    <!-- some fields -->
    ........
    <button type="submit" formnovalidate>提交</button>
</form>