微信小程序—如何获取用户输入文本框的值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序—如何获取用户输入文本框的值相关的知识,希望对你有一定的参考价值。

参考技术A <view class="itemView">用户名:
<input class="input" name="userName" placeholder="请输入用户名"
bindinput ="userNameInput"/>
</view>
<view class="itemView">密 码:
<input class="input" password placeholder="请输入密码"
bindinput="passWdInput" />
</view>
<view class="viewName" style="background-color:#fbf9fe">
<button class="loginBtn" bindtap="loginBtnClick">登录</button>
</view>

Page(
data:
userName: '',
userPwd:""
, //获取用户输入的用户名
userNameInput:function(e)
this.setData(
userName: e.detail.value
)
,
passWdInput:function(e)
输入的密码
loginBtnClick: function (e)
console.log("用户名:"+this.data.userName+" 密码:" +this.data.userPwd);

, // 用户点击右上角分享
onShareAppMessage: function ()


)

微信小程序输入框禁止自动弹出

参考技术A 微信小程序输入框禁止自动弹出:微信小程序输入框禁止自动弹出:在点击input框时,调用bindtap事件,关闭键盘。 参考技术B 微信小程序当在一个页面有多个input输入框,自动弹键盘,需要点击input框2次才能聚焦。 解决办法,在点击input框时,调用bindtap事件,关闭键盘、设置...

以上是关于微信小程序—如何获取用户输入文本框的值的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序6位支付密码输入框

微信小程序弹窗下输入框点击还会获取焦点

微信小程序输入框禁止自动弹出

小程序的showModal的content可以为输入框吗

微信小程序云开发— “增删改查综合案例(用户输入数据并动态添加到数据库)”

微信小程序入门---记事本增---删