微信小程序获取input框的值

我不是女神ヾ 2022-04-02 10:27 351阅读 0赞

<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)
    {
    this.setData({
    userPwd: e.detail.value
    })
    },
    //获取用户输入的密码
    loginBtnClick: function (e) {
    console.log("用户名："+this.data.userName+" 密码：" +this.data.userPwd);
    }
    ,
    // 用户点击右上角分享
    onShareAppMessage: function () {
    
    }
    })

转载地址：[https://blog.csdn.net/qq\_40536470/article/details/81101804][https_blog.csdn.net_qq_40536470_article_details_81101804]

[https_blog.csdn.net_qq_40536470_article_details_81101804]: https://blog.csdn.net/qq_40536470/article/details/81101804

发表评论取消回复

表情：

评论列表（有 0 条评论，351人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序获取自定义属性值

<view class="list-article" catchtap="onPostTap" data-id="{ {item.aid}}"> ite

Love The Way You Lie/ 2023年08月17日 16:48/ 0 赞/ 140 阅读

相关微信小程序-input等输入框禁止输入空格

> 发现表单提交，都是默认允许空格输入，但实际情况下，一般是不能有的，比如修改昵称、name等，有空格的输入，就显得不是那么的友好，比如吃鸡，王者等，昵称都是不允许带有空格符，

小鱼儿/ 2023年07月24日 03:07/ 0 赞/ 19 阅读

相关微信小程序input框传参

在微信小程序中原生input组件无法直接传参，但可以通过自定义属性的方式达成效果  <inpu

墨蓝/ 2022年11月06日 01:59/ 0 赞/ 453 阅读

相关微信小程序使用input

html部分 <view class="item" wx:for="{ {setList}}" wx:key="index"> <text class="l

柔光的暖阳◎/ 2022年11月05日 08:48/ 0 赞/ 222 阅读

相关微信小程序input框中加入小图标的实现方法

最近入坑小程序，要求在小程序的输入框中展示一个小图标，页面如下: 然后按照，html页面中的做法，在input框中添加了background-image属性，出乎意料的事，

迷南。/ 2022年10月17日 10:52/ 0 赞/ 360 阅读

相关小程序获取input某一个的值

抱歉哈一只没注意这个少写了方法，已经修改 2018-12-5 没有form的input点击按钮获取input的值不是通过input事件获取例如： <inp

悠悠/ 2022年05月24日 02:54/ 0 赞/ 230 阅读

相关微信小程序获取input框的值

<view class="itemView">用户名： <input class="input" name="userName" placeholder="请输

我不是女神ヾ/ 2022年04月02日 10:27/ 0 赞/ 352 阅读

相关微信小程序获取input值的两种常用方式

1. bindinput 事件是光标移动发生数据改变,不需要手动执行点击。数据自动获取 input框内使用属性的方式定义事件名称 <input

朴灿烈づ我的快乐病毒、/ 2022年02月19日 12:17/ 0 赞/ 1426 阅读

相关微信小程序输入框 input 组件

[完整微信小程序(Java后端) 技术贴目录清单页面（必看）][Java_] 输入框。该组件是[原生组件][Link 1]，使用时请注意相关限制 <table>

港控/mmm°/ 2021年09月08日 01:10/ 0 赞/ 893 阅读

相关微信小程序获取input值的方法

示例代码如下： wxml: <input class='searchInput' placeholder='请输入关键字...' name="inputValue"

女爷i/ 2021年06月24日 15:59/ 0 赞/ 701 阅读