微信小程序通过非表单提交的方式获取输入框的值

Wxml

    <view class="weui-cell__bd">
            
               <input class="weui-input" bindinput='bindphoneNumber'  placeholder="请输入手机号" />
     </view>
     <view class="weui-cell__ft">
         <view class="weui-vcode-btn" bindtap='getCheckCode' >{{checkCode}}</view>
     </view>

JS

Page({
data: {
showTopTips: false,
checkCode:'获取验证码',
phoneNumber:'',
radioItems: [
{ name: 'cell standard', value: '0' },
{ name: 'cell standard', value: '1', checked: true }
],
checkboxItems: [
{ name: 'standard is dealt for u.', value: '0', checked: true },
{ name: 'standard is dealicient for u.', value: '1' }
],

date: "2019-01-01",

isAgree: false
},

  //传值
  bindphoneNumber(e){
    this.setData({
    phoneNumber: e.detail.value
   })
 },

showTopTips: function () {
var that = this;
this.setData({
showTopTips: true
});
setTimeout(function () {
that.setData({
showTopTips: false
});
}, 3000);
},
radioChange: function (e) {
console.log('radio发生change事件，携带value值为：', e.detail.value);

var radioItems = this.data.radioItems;
for (var i = 0, len = radioItems.length; i < len; ++i) {
radioItems[i].checked = radioItems[i].value == e.detail.value;
}

this.setData({
radioItems: radioItems
});
},
checkboxChange: function (e) {
console.log('checkbox发生change事件，携带value值为：', e.detail.value);

var checkboxItems = this.data.checkboxItems, values = e.detail.value;
for (var i = 0, lenI = checkboxItems.length; i < lenI; ++i) {
checkboxItems[i].checked = false;

for (var j = 0, lenJ = values.length; j < lenJ; ++j) {
if (checkboxItems[i].value == values[j]) {
checkboxItems[i].checked = true;
break;
}
}
}

this.setData({
checkboxItems: checkboxItems
});
},
bindDateChange: function (e) {
this.setData({
date: e.detail.value
})
},
bindTimeChange: function (e) {
this.setData({
time: e.detail.value
})
},
bindCountryCodeChange: function (e) {
console.log('picker country code 发生选择改变，携带值为', e.detail.value);

this.setData({
countryCodeIndex: e.detail.value
})
},
bindCountryChange: function (e) {
console.log('picker country 发生选择改变，携带值为', e.detail.value);

this.setData({
countryIndex: e.detail.value
})
},
bindAccountChange: function (e) {
console.log('picker account 发生选择改变，携带值为', e.detail.value);

this.setData({
accountIndex: e.detail.value
})
},
bindAgreeChange: function (e) {
this.setData({
isAgree: !!e.detail.value.length
});
},

   //打印输出
  getCheckCode: function(e){
    console.log(this.data.phoneNumber)
  }

});

转载于:https://www.jianshu.com/p/280ad7f870b9