WEUI自带表单验证器 (validate),针对表单中控件初始赋了值,校验却一直提示为空的解决办法! 后面有问题解决的代码片段。 <mp-form id="form" rules="{{rules}}" models="{{formData}}"> 此表单中的的data-field 为 mobile的输入框,在js中设置了初始值 user_info <mp-cell prop="mobile" title="手机号" ext-class="" show-error><input bindinput="formInputChange" data-field="mobile" class="weui-input" placeholder="请输入手机号" number value="{{user_info}}"/></mp-cell> 这样页面进入后,该输入框里面会显示user_info 的赋值。但该表单进行提交校验时,校验器依然无法获取此处的赋值。 也就会一直报,手机号没有填写 这样的校验错误。 解决这个问题的办法: js赋值的时候,这样写。 this.setData({ [`formData.mobile`]:'18611688767' }) 数组 [] 里面用英文单引号``包含 ”表单对象“.”控件的data-field“ 本例子可以tapDialogButton(e) 方法中赋值 [图片] 也可以在页面初始化中赋值 [图片] 这样来操作,就可以解决上面的问题。 这是代码片段,点击可以直接导入微信开发工具 https://developers.weixin.qq.com/s/ASsRTbmZ74gW 补充一点,如果是Component页面的话,在lifetimes中的赋值只能卸载 ready中。之前试过在attached中赋值,页面会报错。正如注释写的,可以渲染节点,但无法操作节点,也就是无法进行赋值操作。 [图片]
weui自带表单验证器 (validate)在更新数据以后不能验证?在js文件中定义一个对象a为空,模版文件里面一个input的值调用了a的一个属性,此时input的值为空,无法通过验证,页面上一个按钮。按了以后给该input赋值,赋值以后input依然被验证为空,请问这是啥情况
2020-03-28