E企盈营销工具技术服务商 热线:4006-838-530

小程序获取input的值,以及绑定输入事件

E企盈直播平台营销卖货系统

阿里云双12感恩回馈,云产品冰点价】云服务器89元/年,这里有专享低价[链接] https://www.aliyun.com/minisite/goods?userCode=kki5ownb 表单提交在前端界面无处不在,我们需要获取值,监听输入的值,提交表单的数据那么我们现在就试试表单界面,css样式我就不贴出来了,我主要说明的是js部分的使用view class=”container” wx:if=”{{hasAuthority}}”    view class=”title”        绑定你的手机号    /view    view class=”main”        view class=”small-title”            手机号        /view        input type=”number” placeholder=”请输入手机号” class=”inp-holder” maxlength=”11″ bindinput=”getPhone” /         view class=”lineView”/view    /view    view class=”main”        view class=”small-title”            text验证码/text            text class=”code” bindtap=”getMessage”{{getCode}}/text        /view        input type=”number” placeholder=”请输入验证码” class=”inp-holder” maxlength=”6″ bindinput=”getCode” /        view class=”lineView”/view    /view    button class=”login-btn” type=”default” bindtap=”defaultTap” hover-class=”defaultTap”登录/button/viewbindinput=”getPhone” /         view class=”lineView”/view    /view    view class=”main”        view class=”small-title”            text验证码/text            text class=”code” bindtap=”getMessage”{{getCode}}/text        /view        input type=”number” placeholder=”请输入验证码” class=”inp-holder” maxlength=”6″ bindinput=”getCode” /        view class=”lineView”/view    /view    button class=”login-btn” type=”default” bindtap=”defaultTap” hover-class=”defaultTap”登录/button/viewjs代码我们只给出获取手机号取值的方式,注意你每输入一个数字getPhone的事件就会执行一次,e.detail.value 就是控件里面当前的值,然后每个控制都取到值,setData后,就可以提交数据给服务端了    // 拿到手机号    getPhone: function (e) {        var val = e.detail.value;        this.setData({            telphone: val        });    },

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序获取input的值,以及绑定输入事件
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏