收藏
回答

button问题

js 如何控制button的可用与否。

回答关注问题邀请回答
收藏

8 个回答

  • 魑魅魍魉
    魑魅魍魉
    2017-11-21

    关键是判断input有值为可用,没值为不可用,考虑input的动态改变,求代码

    2017-11-21
    有用
    回复
  • 这都申请了
    这都申请了
    2017-11-21

    你这不都写好了吗,在phoneInput和passwordInput里面控制就可以了啊

    2017-11-21
    有用
    回复
  • 魑魅魍魉
    魑魅魍魉
    2017-11-21

    密码input输入值button就变可用

    2017-11-21
    有用
    回复
  • 魑魅魍魉
    魑魅魍魉
    2017-11-21

    <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

    })

    }

    }

    })


    求代码


    2017-11-21
    有用
    回复
  • 这都申请了
    这都申请了
    2017-11-21

    监视input动作不就可以了

    2017-11-21
    有用
    回复
  • 魑魅魍魉
    魑魅魍魉
    2017-11-21

    我的意思是进页面  不可用,文本框输入值后button变为可用。

    2017-11-21
    有用
    回复
  • 这都申请了
    这都申请了
    2017-11-21


    仔细阅读文档

    2017-11-21
    有用
    回复
  • Yanshan
    Yanshan
    2017-11-21

    百度一下就知道

    2017-11-21
    有用
    回复
登录 后发表内容