小程序怎么获取input标签的值

这篇文章将为大家详细讲解有关小程序怎么获取input标签的值，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

获取微信小程序中input中的数据

<scroll-view><view id='titleView'><text id="titleText">登录</text></view><view id='mainView'><text>用户名</text><input class='input' bindinput='usernameInput'></input><text>密码</text><input class='input' bindinput='passwordInput'></input><button class="btn" bindtap='login'>登录</button><button class='btn' bindtap='toRegister'>注册</button></view></scroll-view>

登录的js页面

var app=getApp();Page({login:function(e){<!--拼接url通过后台验证跳转this.data.username获取标签中值-->  var url = app.globalData.serverIp +"/user/login.html?"  +"username="+this.data.username  +"&password="+this.data.password;  <!--为this赋值给全局对方法中调用-->  var page=this;  <!--用request进行后台传输-->  wx.request({    url: url,    success:function(response){      var serverData=response.data;      var status=serverData.status;      var msg="登录失败";      if(status==200){        msg="登录成功";        //跳转商场首页navigateTo        wx.navigateTo({          url:"../storeindex/storeindex",        })         //把username保存到手机上        //sync表示同步 setStorageSync函数的作用是同步保存数据相当于http中的cookie        wx.setStorageSync("username", page.data.username);      }      wx.showToast({        title: msg      })    },    fail:function(e){      console.log("联网失败");      console.log(e);    },    data: {    username:"",    password:""  },  usernameInput:function(e){    this.data.username=e.detail.value;  },  passwordInput: function (e) {    this.data.password = e.detail.value;  },  })},

关于“小程序怎么获取input标签的值”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。