小程序
小游戏
企业微信
微信支付
扫描小程序码分享
js 如何控制button的可用与否。
8 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
关键是判断input有值为可用,没值为不可用,考虑input的动态改变,求代码
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
你这不都写好了吗,在phoneInput和passwordInput里面控制就可以了啊
密码input输入值button就变可用
<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 class="inputView">
<image class="pwdImage" src="/images/loginPwd.png"></image>
<label class="loginLab">密码</label>
<input class="inputText" password="true" placeholder="请输入密码" bindinput="passwordInput" placeholder-class="plhcss"/>
<!--按钮-->
<view class="loginBtnView">
<button class="loginBtn" disabled="{{disabled}}" hover-class="BtnHover" bindtap="login">登 录</button>
Page({
data: {
phone: '',
password: '',
disabled: true,
},
// 获取输入账号
phoneInput: function (e) {
this.setData({
phone: e.detail.value
})
// 获取输入密码
passwordInput: function (e) {
password: e.detail.value
// 登录
login: function () {
if (this.data.phone.length == 0 || this.data.password.length == 0) {
wx.showToast({
title: '用户名和密码不能为空',
icon: '',
duration: 1500
} else {
// 这里修改成跳转的页面
title: '登录成功',
icon: 'success',
duration: 2000
}
求代码
监视input动作不就可以了
我的意思是进页面 不可用,文本框输入值后button变为可用。
仔细阅读文档
百度一下就知道
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
关键是判断input有值为可用,没值为不可用,考虑input的动态改变,求代码
你这不都写好了吗,在phoneInput和passwordInput里面控制就可以了啊
密码input输入值button就变可用
<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变为可用。
仔细阅读文档
百度一下就知道