我最近在做一个分数运算的应用,要验证最后的算得的分数值是否正确,最终的答案可能是只有 整数部分,也可能只有分数部分(真分数),也可能两者同时存在(带分数)。
我在具体的 wxml的设计时,是将整个答题结果的整数和分数部分 包在一个 view容器中,对应的整数、分数部分,使用 input控件放在 view中。
因为整数或分数部分并不一定会始终存在,因此必须对同一个答案的 整体输入完成后进行验证。
我试图在 包了 三个 input的view控件中,采用 bindblur 失去焦点进行事件绑定,判断,view中的三个input全部输入数值完成,但没有达到效果,事件不响应,请问应该怎样处理,才能达到在最外层 view中判断 里面3个input都已失去焦点,并同时获取 3个input中的数据,进行数值判断验证?
<view class="in-answer-fs" bindblur="onVwBlurFra0">
<input class="in-answer-zs" />
<view class="in-answer-fsbufen">
<input class="in-answer-fz" />
<input class="in-answer-fm" />
</view>
</view>
网友回复
10:
view没有bindblur事件,只有input有;你给每一个input绑定一下bindblur;
<input id="zs" bindblur="inputBlur" />
<input id="fz" bindblur="inputBlur" />
<input id="fm" bindblur="inputBlur" />
data: {
status: {
zs: false,
fz: false,
fm: false,
}
},
inputBlur (e) {
let id = e.currentTarget.id;
let status = `status.${id}`;
this.setData({
[status]: true
})
},