微信小程序input框输入值获取
提交表单时获取输入框的值
wxml
<view><!-- 携带 form 中的数据触发 submit 事件 --><form bindsubmit="submit"><input value="{{ age }}" name="age"></input><!-- form-type用于form组件 点击会触发form的submit或reset事件合法值:submit 提交表单 reset重置表单--><button form-type="submit"></button></form>
</view>
js
Page({data: {age: ''},//表单提交时触发submit(e) {console.log(e.detail.value);//e.detail.value获取到的是一个对象 通过每个输入框设置的name属性获取值//例如e.detail.value.age}
})
实时更新输入框的值
效果图
wxml
<view>{{value}}</view>
<!-- bindinput:键盘输入时触发 -->
<input bindinput="oninput"></input>
js
Page({data: {value: '默认值' },//键盘输入时触发事件oninput(e) {this.setData({value: e.detail.value})}
})
微信小程序input框输入值获取相关推荐
- 微信小程序input框输入值校验
1.定义正则方法 // 校验输入价格的正则方法checkInputText: function (text) {var reg = /^(\.*)(\d+)(\.?)(\d{0,2}).*$/g; / ...
- 微信小程序input框中加入小图标的实现方法
最近入坑小程序,要求在小程序的输入框中展示一个小图标,页面如下: 然后按照,html页面中的做法,在input框中添加了background-image属性,出乎意料的事,小程序报了下边这样一个错误: ...
- 微信小程序 input框进行双向绑定
在微信小程序的规则中,input标签中的数据为单向绑定,无法像Vue框架中的v-model直接进行input的双向绑定. 下面有一种思路来解决双向绑定这个思路. 1.利用bindinput记录下inp ...
- 微信小程序input框在某些手机上获取数据失败
因为加了有数据为空不允许提交的判断,测试的时候发现有的手机总是提示有数据为空,不能提交, 测试之后发现是填写手机号的input框type类型为number,然后写了三个框分别获取数据, type类型分 ...
- 微信小程序 input框实现搜索历史记录
实现效果如下 聚焦显示历史记录 关联历史记录 注意点 结构上需要将input框和下面的historyList作为一个整体,可自行控制展示历史记录的规格: 使用微信缓存API wx.getStorage ...
- uniapp开发微信小程序input框限制输入
input框输入手机号的约束 <input @input="onlyNum" class="inp" v-model="phone" ...
- 微信小程序input框只能输入小数/正整数
官方组件说明:https://developers.weixin.qq.com/miniprogram/dev/component/input.html 给type不同的值就好,以下示例不满足则需要I ...
- 小程序数据框有重影_微信小程序input重影什么原因?怎么解决重影?
微信小程序input重影什么原因?怎么解决重影?微信小程序input输入框输入出现了重影的情况,这是什么原因呢?又该怎么去解决微信小程序input重影问题. 微信小程序input重影怎么办? 问题描述 ...
- html打开微信搜索页,微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)...
上效果图: 一:搜索框功能实现 1.在首页做一个搜索框的样式并实现跳转到搜索页面 搜索 .search{ width: 80%; } .search_arr { border: 1px solid # ...
最新文章
- 20155317《网络对抗》Exp4 恶意代码分析
- UA MATH636 信息论9 Reed-Solomon Code
- vuejs和php的区别,VueJS全面解析
- 全国首个海底数据中心落地三亚,拉开海洋新基建赋能低碳算力序幕
- linux平滑升级nginx,Nginx的平滑重启和平滑升级,nginx
- substring not found什么意思_英文写作中,除了not,你还会其他否定表达吗?
- C# —— 深入理解委托类型
- SqlSessionFactoryBean
- sprintf_s函数用法
- 微信小程序开发入门介绍-布局组件
- XRecycleView (Scrapped or attached views may not be recycled)
- 浏览器提示网站证书过期或还未生效
- SAP 成套销售按项目销售
- .NET操作Excel高效低内存的开源框架 - MiniExcel
- 如何使用ExternalContext类(一)
- (三十七)期权的隐含波动率计算与图形
- 怎么隔离计算机硬盘坏死通道,雨林木风v5.0硬盘坏死怎么进行分区详细教程?
- 想听一首歌好难?程序员教你一键下载
- NSArray的使用
- 利用JavaScript实现蛇形矩阵
热门文章
- 【java面试题】录入一篇文章,统计文章的标点符号或者某个词语出现的次数
- 为什么“老干妈”没有遇上强劲的对手?
- 微信小程序请求不到接口解决(踩坑记录)
- 小学生学c语言基础知识,小学数学1-6年级基础知识整理,孩子学习用得上
- 南通大学计算机专业怎么样啊,南通大学优势专业排名,2021年南通大学最好的专业排名...
- 户外运动耳机推荐、这几款耳机专为户外运动而生
- ps -ef | grep mysql_ps -ef | grep使用详解
- 能升级鸿蒙系统最便宜手机,这4部手机可升级至华为鸿蒙系统 网友:终于等到了...
- 支付宝支付完成没有回调_支付宝“余利宝”完成升级,支付还款更加方便
- CodeForces - 645C Enduring Exodus(二分)