使用element UI时表单验证字段必须是数字但是非必填的方法总结

在使用element UI框架开发某个项目时，使用el-form组件，进行表单验证时，设置了required为false，如下所示：

可是，当点击‘查询’按钮时，没有填写最小范围时，仍会出现提示信息

所以，把代码修改成validator中判断value不为空时，再验证，否则callback()。修改代码：consumptionMinimum:[{ validator:(rule,value,callback)=>{ if(value != ""){ if((/^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/).test(value) == false){ callback(new Error("请填写大于0的数字")); }else{ callback(); } }else{ callback(); } }, trigger:'change' }],最后，不填写时，不验证实现。 阅读更多