button问题
js 如何控制button的可用与否。
8 回复
<view class=“inputView” style=“border-bottom:1rpx solid #D7D7D7”>
<view class=“labcss”>
<image class=“userImage” src=“/images/loginUser.png”></image>
<label class=“loginLab”>账号</label>
</view>
<view class=“inpcss”>
<input class=“inputText” placeholder=“请输入手机号” bindinput=“phoneInput” placeholder-class=“plhcss”/>
</view>
</view>
<!–密码–>
<view class=“inputView”>
<view class=“labcss”>
<image class=“pwdImage” src=“/images/loginPwd.png”></image>
<label class=“loginLab”>密码</label>
</view>
<view class=“inpcss”>
<input class=“inputText” password=“true” placeholder=“请输入密码” bindinput=“passwordInput” placeholder-class=“plhcss”/>
</view>
</view>
<!–按钮–>
<view class=“loginBtnView”>
<button class=“loginBtn” disabled=“{{disabled}}” hover-class=“BtnHover” bindtap=“login”>登 录</button>
</view>
Page({
data: {
phone: ‘’,
password: ‘’,
disabled: true,
},
// 获取输入账号
phoneInput: function (e) {
this.setData({
phone: e.detail.value
})
},
// 获取输入密码
passwordInput: function (e) {
this.setData({
password: e.detail.value
})
},
// 登录
login: function () {
if (this.data.phone.length == 0 || this.data.password.length == 0) {
wx.showToast({
title: ‘用户名和密码不能为空’,
icon: ‘’,
duration: 1500
})
} else {
// 这里修改成跳转的页面
wx.showToast({
title: ‘登录成功’,
icon: ‘success’,
duration: 2000
})
}
}
})
求代码
密码input输入值button就变可用
关键是判断input有值为可用，没值为不可用，考虑input的动态改变，求代码
监视input动作不就可以了
你这不都写好了吗，在phoneInput和passwordInput里面控制就可以了啊
仔细阅读文档
我的意思是进页面 不可用，文本框输入值后button变为可用。
百度一下就知道