element表单验证的问题?
<el-form-item label="ISBN:" prop="goodsNo">
<el-input v-model.number="form.goodsNo" type="number" style="width: 300px"/>
</el-form-item>
<el-form-item label="ISBN前四位:" prop="goodsNoFour">
<el-input v-model.number="form.goodsNoFour" type="number" style="width: 300px"/>
</el-form-item>
rules: {
goodsNo: [{ type: 'number', trigger: 'blur', message: '请输入数字' }],
goodsNoFour: [{ type: 'number', trigger: 'blur', message: '请输入数字' }]
},
这两个框可以不提交,但是如果要提交的话必须输入数字,我这么写的话好像就不行了,提交的时候不输入的话也会验证这个规则
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
因为规则中设置了类型是数字,在提交表单,校验空不通过,所以才会提示。
1、你可以使用
InputNumber
组件2、验证使用自定义验证,为空也表示通过
自定义验证
你已经设置了type='number'所以他必定是个数字,就没有必要表单校验了