美文网首页
iview 对数字类型的校验

iview 对数字类型的校验

作者: glory_前端 | 来源:发表于2018-03-06 15:33 被阅读0次

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

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

相关文章

网友评论

      本文标题:iview 对数字类型的校验

      本文链接:https://www.haomeiwen.com/subject/gcfrfftx.html