微信小程序获取input值(bindinput方式,form方式,bindurl方式)
微信小程序获取input值简介:这里介绍两种获取的方式:1、用户每输入一个字节就获取一个字节2、用户全部输入结束了之后,再一起获取整个input输入框的值注意:第二种方式会比较节省内存资源第一种方式wxml<inputbindinput='getInputValue'name='value' type='text' placeholder='您输入的内容'>&l...
·
微信小程序获取input值
简介:
这里介绍两种获取的方式:
1、用户每输入一个字节就获取一个字节
2、用户全部输入结束了之后,再一起获取整个input输入框的值
注意:第二种方式会比较节省内存资源
第一种方式
wxml
<input bindinput='getInputValue' name='value' type='text' placeholder='您输入的内容'></input>
js
getInputValue(e){
console.log(e.detail)
}
第二种方式
wxml
<form bindsubmit='wifiForm'>
<input type='text' name='wifiname' placeholder="wifi账号"></input>
<input type='password' name='password' placeholder="wifi密码"></input>
<view class='wifi-button'>
<button formType="submit" type='primary'>提交</button>
<button formType="reset" type='primary'>重置数据表单</button>
</view>
</form>
js
wifiForm: function(data) {
console.log("wifi的名称为:",data.detail.value.wifiname)
console.log("wifi的密码为:",data.detail.value.password)
}
注意:input必须要设置name,否则form提交时候会获取不到
更多推荐
已为社区贡献4条内容
所有评论(0)