微信小程序中input输入及动态设置按钮的实现

发布日期： 2018-06-26 阅读量： 作者： 网络

这篇文章主要介绍了微信小程序 input输入及动态设置按钮的实现的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下

微信小程序 input输入及动态设置按钮的实现

【需求】实现当手机号已填写和协议已勾选时，“立即登录”按钮变亮，按钮可点击；若有一个不满足，按钮置灰，不可点击；实现获取短信验证码，倒计时提示操作；对不满足要求内容进行toast弹窗提示。

<view>
  <!--手机号-->
  <view>
    <text>手机号</text>
    <input>
  </view>
  <!--图片验证码-->
  <view>
    <view>
      <text>图形验证码</text>
      <input>
    </view>

    <image></image>
  </view>
  <!--短信验证码-->
  <view>
    <view>
      <text>验证码</text>
      <input>
    </view>

    <view>{{captchaText}}</view>
  </view>

  <view>
    <checkbox-group>
     <checkbox></checkbox>
    </checkbox-group>
    <span>已阅读并同意</span> <text>《用户使用协议》</text>
  </view>
  <view>立即登录</view></view>
    <!--mask-->
<view></view>
    <!--以下为toast显示的内容-->
<view><view>
  <view>
    {{toastText}}
  </view></view></view>

# 小程序 # input输入及动态设置按钮 # 微信小程序 # 动态设置按钮

相关栏目：【 SEO优化45326 】【技术教程24582 】【 IDC资讯40819 】【网络快讯2486 】【 SEO推广2331 】

上一篇: 当给列表增加动画时，为什么 nth-child 特性只作用于

下一篇: Python：有趣的代码模式

微信小程序中input输入及动态设置按钮的实现

随便看看