没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
微信小程序 input输入及动态设置按钮的实现 【需求】实现当手机号已填写和协议已勾选时,“立即登录”按钮变亮,按钮可点击;若有一个不满足,按钮置灰,不可点击;实现获取短信验证码,倒计时提示操作;对不满足要求内容进行toast弹窗提示。 <view class=container> <!--手机号--> <view class=section> <text class=txt>手机号</text> <input value={{mobile}} placeholder-class=placeholder placeholder=11位手机号码
资源推荐
资源详情
资源评论
微信小程序微信小程序 input输入及动态设置按钮的实现输入及动态设置按钮的实现
微信小程序微信小程序 input输入及动态设置按钮的实现输入及动态设置按钮的实现
【需求】实现当手机号已填写和协议已勾选时,“立即登录”按钮变亮,按钮可点击;若有一个不满足,按钮置灰,不可点击;
实现获取短信验证码,倒计时提示操作;对不满足要求内容进行toast弹窗提示。
<view class="container">
<!--手机号-->
<view class="section">
<text class="txt">手机号</text>
<input value="{{mobile}}" placeholder-class="placeholder" placeholder="11位手机号码" type="number" maxlength="11"
bindinput="mobileInput"/>
</view>
<!--图片验证码-->
<view class="section">
<view>
<text class="txt">图形验证码</text>
<input placeholder-class="placeholder" placeholder="输入图形验证码" type="text" maxlength="4"
bindinput="imgCaptchaInput"/>
</view>
<image class="imgBtn" src="{{imgCodeSrc}}" bindtap="getImgCode"></image>
</view>
<!--短信验证码-->
<view class="section">
<view>
<text class="txt">验证码</text>
<input placeholder-class="placeholder" placeholder="输入验证码" type="number" maxlength="6"
bindinput="smsCaptchaInput"/>
</view>
<view class="smsBtn" bindtap="getSMS">{{captchaText}}</view>
</view>
<view class="agree" style="margin-top:40rpx">
<checkbox-group bindchange="checkboxChange">
<checkbox class="check" value="1" checked="true" bindchange="checkboxChange"></checkbox>
</checkbox-group>
<span>已阅读并同意</span> <text style="color:#98c7ff" bindtap="xieyi">《用户使用协议》</text>
</view>
<view class="regist {{phoneAll&&checkAgree?'active':''}}" bindtap="regist">立即登录</view>
</view>
<!--mask-->
<view class="toast_mask" wx:if="{{isShowToast}}"></view>
<!--以下为toast显示的内容-->
<view class="toast_content_box" wx:if="{{isShowToast}}">
<view class="toast_content">
<view class="toast_content_text">
{{toastText}}
</view>
</view>
</view>
js
// 获取全局应用程序实例对象
const app = getApp()
Page({
data: {
//toast默认不显示
isShowToast: false,
mobile: '',
imgCode: '',
code: '',
// inviteCode: '',
errorContent: '请输入手机号',
timer: 60,
资源评论
weixin_38602563
- 粉丝: 3
- 资源: 933
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 以下是 YOLO(You Only Look Once)学习的详细课程.docx
- 小白的Python入门教程部分章节源码.zip
- 基于smart-socket实现的轻量级http服务器
- 将 HTML 转换为 Markdown.zip
- 以下是关于 OpenCV 开发的详细资源分类.docx
- 《妙问启扉彰技巧,巧驭节奏揽真情》林昱潼.docx
- 基于OpenCV,在这里我也使用了深度学习来检测对象识别
- 处理中文文本的 Python 库.zip
- 编辑器 类似word或wps用于文字排版相关功能的控件 可用于电子病历编辑器等文本处理场景 HCView代码遵循BSD协议
- 基于协程的 Python 并发库.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功