iview 对数字类型的校验

2018-03-06  本文已影响0人  glory_前端

官方文档对数字类型的校验描述很少,在这里注释一下

1.在标签里面使用number属性进行限制

    <Form-item label="单日扣款限额(元)" prop="deductDay">
          <Input v-model="formValidata.deductDay" :maxlength="48" placeholder="请输入单日扣款限额(元)" number></Input>
    </Form-item>
    <Form-item label="单日支付限额(元)" prop="payDay">
        <Input v-model="formValidata.payDay" :maxlength="48" placeholder="请输入单日支付限额(元)" number></Input>
    </Form-item>

2.验证规则

    deductDay: [{
                required: true,
                type: 'number',
                message: '单日扣款限额必须为数字且不能为空',
                trigger: 'blur'
            }],

验证规则里面一定要写type:‘number’,这样input框里面只有输入不是number类型就会提示message

上一篇 下一篇

猜你喜欢

热点阅读