微信小程序如何通过输入框内容变化批量调整按钮样式？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1021个文字，预计阅读时间需要5分钟。
在输入组件上绑定数据模型，监听输入框输入：
在input组件上绑定data-model="xxx" bindinput="inputWatch"，监听输入框输入：
<input placeholder="请输入6~12位密码" name="password" value="{{password}}" data-model="password" bindinput="inputWacth" type="password" maxlength="12" class="form-item-input"></input> inputWacth: function (e) { let item = e.currentTarget.dataset.model; this.setData({ [item]: e.detail.value }); }
当输入11位手机号后，验证码按钮变为可点状态；当3个输入框都有值时(密码大于等于6位，手机11位)，保存按钮变为可点状态。
本文共计1021个文字，预计阅读时间需要5分钟。
在输入组件上绑定数据模型，监听输入框输入：
在input组件上绑定data-model="xxx" bindinput="inputWatch"，监听输入框输入：
<input placeholder="请输入6~12位密码" name="password" value="{{password}}" data-model="password" bindinput="inputWacth" type="password" maxlength="12" class="form-item-input"></input> inputWacth: function (e) { let item = e.currentTarget.dataset.model; this.setData({ [item]: e.detail.value }); }
当输入11位手机号后，验证码按钮变为可点状态；当3个输入框都有值时(密码大于等于6位，手机11位)，保存按钮变为可点状态。