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

<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 () {

}

})

layui是一款基于jQuery的前端UI框架，可以通过以下方式获取文本框的内容：

1.使用jQuery的val()方法获取文本框的值。例如，如果你的文本框ID为“test”，那么你可以使用以下代码获取其值：

```

var value = $('#test').val()

```

2.使用layui的form模块获取文本框的值。需要先引入layui库和form模块，然后通过form.val()方法获取。例如，如果你的文本框name属性为“test”，那么你可以使用以下代码获取其值：

```javascript

layui.use('form', function(){

var form = layui.form

// 获取文本框的值

var value = form.val("formName")["test"]

})

```

其中，formName是你表单的名称，test是你文本框的name属性。

这些方法都可以获取到文本框的内容，具体使用取决于你的项目需求和文本框的结构。

在一些场景中，我们需要获取到标签里面的值来和接口返回的值做对比，一致则进行下一步，后者进行错误判断

<block wx:for='{{objectArray}}'  data-name='{{item.name}}' data-id='{{item.id}}' bindtap='select'>

        <text class='yuzhong'>{{item.name}}</text>

    </view>

主要在于 data- 这个上面  上面的那个name 和 id 是我自己定义的，你们可以随意定义一些语义化的词，

获取也很简单：

select:function(e){

console.log(e.currentTarget.dataset.name)

    },

---