表单验证

用于表单数据的校验。

基础用法

<cb-form @submit="handleSubmit" v-cb-validation>
  <cb-form-group label="演示：">
    <cb-input v-model="test1" required />
  </cb-form-group>
</cb-form>

多个表单验证的时候指定表单验证名称

<cb-form button="提交" @submit="handleSubmit" v-cb-validation:test-validation>
  <cb-form-group label="必填项：">
    <cb-input v-model="test2" required />
  </cb-form-group>
</cb-form>

属性

参数 说明 类型 可选值 默认值
v-cb-validation 在需要启用表单验证的 cb-form 组件上使用这个指令。如果表单校验失败，不会触发 submit 事件。如果页面有多个表单校验，可以给指令传递一个参数表示名称。单个表单验证对象实例可以通过 this.$cbValidator 获取，多个表单验证对象实例可以通过 this.$cbValidator[名称] 获取。输入项的具体验证规则，请参考 http://parsleyjs.org/doc/index.html#validators — — —