微信小程序获取用户账号和密码

原创 八戒不劫色 随笔 写着玩吧 158阅读 2019-01-10 17:32:17 举报

微信小程序注册和登录

在小程序中,使用的和网站的获取用户名和密码的方式是不同

在小程序中使用bindinput这个组件可以获取用户在input中输入的值
但是在获取时,时每当我们输入一个数字或者其他的值时,这个事件就会触发一次
所以,我们应该获取最后一次输入的值
但是,不用管它输入多少次,紫瑶获取最后的就行
所以,在点击登录按钮是,直接调用就可以,这次调用时最后一次输入的

代码

<form class='login'>
<view class='admin'>
<icon class='iconfont icon-user'></icon>
<input class='admin-input' placeholder='请输入账号' auto-focus='true' name="admin" bindinput="admininput"></input>
</view>
<view class='pass'>
<icon class="iconfont icon-mima1"></icon>
<input class='password' password='password' placeholder="请输入密码" name="pass" bindinput='adminpass'></input>
</view>
<button class='success' bindtap='login'>登录</button>
</form>

js

data: {
user: '',
pass:''
},
admininput: function(e) {
this.setData({
user:e.detail.value
})
},
adminpass:function(e){
this.setData({
pass:e.detail.value
})
},
login:function(e){
console.log(this.data.user)
console.log(this.data.pass)
},

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复