uview-plus 表单校验 相关字段有数据有值的情况下非空验证失败问题

294 阅读1分钟

你们好,我是金金金。

image.png

场景

uniapp编写h5及小程序,组件库用的uview-plus,在进行表单校验的过程中,数据回显 数量明明是有值的,还是依旧提示填写数量(重新再次手动输入才能校验通过,明显是存在问题的)

image.png

  • 勘察备注字段都没问题,数量这个字段校验出现问题。
  • 勘察备注字段类型:string
  • 数量字段类型:number

解决

校验前对值进行转换,uview-plus文档如下:

image.png

添加如下代码即可⬇

image.png

解决二

因为我这里的数量字段是number,我校验规则没有并没有显示指定type,所以默认是string,导致校验不成功,手动加上type: "number"也可解决问题

image.png

总结

number字段回显 表单校验出现问题,转成string即可

  • 编写有误还请大佬指正,万分感谢。