微信小程序 textarea 详解及简单使用方法
2016-12-05 14:27
1026 查看
微信小程序 textarea 简易解决方案
微信小程序中textarea没有bindchange事件,所以无法在输入时给变量赋值。
虽然可以使用bindblur事件,但是绑定bindblur事件,如果再点击按钮,则先执行完按钮事件后,再去执行bindblur事件,所以在js文件取不到输入值,
解决方法:结合from表单,textarea文本框输入后,再去点击提交按钮,这时会先执行textarea事件(获取文本框输入内容),再去执行数据提交,这样问题就解决了
wxml文件代码:
<form bindsubmit="evaSubmit"> <textarea name="evaContent" maxlength="500" value="{{evaContent}}" class="weui-textarea" placeholder="填写内容(12-500字)"bindblur="charChange" /> <button formType="submit" disabled="{{subdisabled}}" class="weui-btn mini-btn" type="primary" size="mini">提交</button> </form>
js文件代码:
var app = getApp(); Page({ data:{ evaContent : '' }, onLoad:function(){ }, onReady:function(){ // 页面渲染完成 }, onShow:function(){ // 页面显示 }, onHide:function(){ // 页面隐藏 }, onUnload:function(){ // 页面关闭 }, //事件 textBlur: function(e){ if(e.detail&&e.detail.value.length>0){ if(e.detail.value.length<12||e.detail.value.length>500){ //app.func.showToast('内容为12-500个字符','loading',1200); }else{ this.setData({ evaContent : e.detail.value }); } }else{ this.setData({ evaContent : '' }); evaData.evaContent = ''; app.func.showToast('请输入投诉内容','loading',1200); } }, //提交事件 evaSubmit:function(eee){ var that = this; //提交(自定义的get方法) app.func.req('http://localhost:1111/ffeva/complaint?content=''+this.data.evaContent),get,function(res){ console.log(res); if(res.result==='1'){ //跳转到首页 app.func.showToast('提交成功','loading',1200); }else{ app.func.showToast('提交失败','loading',1200); } }); } })
缺点:
这样操作后,功能就有缺陷。例如,无法即时获取用户文本框输入字符个数,如果有更好的解决方法,希望能学习一下!
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
您可能感兴趣的文章:
相关文章推荐
- 微信小程序图片轮播组件gallery slider使用方法详解
- 微信小程序 textarea 组件详解及简单实例
- 微信小程序 setData的使用方法详解
- 使用VS2015打包winform程序安装包简单方法(不需要InstallShield)
- [No00009D]使用visual studio 2015 update3打包程序安装包的简单方法(不需要InstallShield)
- 微信小程序之最简单的Demo设计使用
- CvMat 矩阵的使用方法和简单程序
- 在程序中map的简单使用方法
- 一个简单的方法:找出哪个的程序使用了哪个端口
- 微信小程序使用第三方库Immutable.js实例详解
- ThinkPHP静态缓存简单配置和使用方法详解
- 微信小程序 (应用号)开发(教程)文档,内附开发工具及工具使用方法
- 使用install4j将jar打包成exe程序的方法详解
- 使用install4j将jar打包成exe程序的方法详解
- 做swing程序中遇到使用消息提示框的,JOptionPane类其中封装了很多的方法。 很方便的,于是就简单的整理了一下。 1.1 showMessageDialog 显示一个带有OK 按钮的模态
- 导入Excel和导出Excel:的简单方法与程序处理方法,使用Excel程序读写Excel ,实现Excel的多个 Sheets读写并导出
- ATS程序功能和使用方法详解
- asp.net- ajax简单入门使用方法,通过一般处理程序ashx进行处理
- C#使用Mutex简单实现程序单实例运行的方法