以限制100字以内为例

HTML：

 <textarea value="{{introduce}}" maxlength="100" name="textarea" bindinput='limitWord'></textarea>
<view class="wordNum">({{currentWord}}/100)</view>

JS：

 data: {currentWord: 0, //已经输入的字符长度introduce:"这边是显示的文字",},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {this.setData({//进页面的时候获取一下输入框内原本的字符长度currentWord: this.data.introduce.length});},//用户输入时一直触发此方法，改变currentWord的值limitWord: function (e) {var that = this;var value = e.detail.value;var wordLength = parseInt(value.length); //解析字符串长度转换成整数。if (100 < wordLength) {return;}that.setData({currentWord: wordLength});},/**

微信小程序实现动态获取输入框的字符长度相关推荐

微信小程序view动态长度_微信小程序实现动态获取元素宽高的方法分析
本文实例讲述了微信小程序实现动态获取元素宽高的方法.分享给大家供大家参考,具体如下: 我以前一直以为微信小程序不能动态获取view元素的宽高.但是自从看到: wx.createSelectorQuer ...
微信小程序获取页面元素高度_微信小程序之动态获取元素宽高
我以前一直以为微信小程序不能动态获取view元素的宽高.但是自从看到: wx.createSelectorQuery() 这个api接口,以前的某些问题就能得到解决了... 那么,这个api接口怎么用 ...
微信小程序之如何获取输入框的内容
首先需要在wxml文件的输入框内添加绑定bindinput:  <view class="container"><i ...
微信小程序前端动态获取最新的轮播图优化
现在我们有一个这样的需求就是后台改了轮播图的图片以及更新或者换位置这是前端不能即使知道就需要用到websocket 这样做虽然很简单但代码量也很大所以我想出了一个方案: 思路 : 1.既然我们 ...
微信小程序view动态长度_微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】...
本文实例讲述了微信小程序实现动态改变view标签宽度和高度的方法.分享给大家供大家参考,具体如下: 1.效果展示 2.关键代码 index.wxml文件 >我是view标签,我现在的宽度是{{v ...
微信小程序基础之input输入框控件
今天主要详写一下微信小程序中的Input输入框控件,输入框在程序中是最常见的,登录,注册,获取搜索框中的内容等等都需要,同时,还需要设置不同样式的输入框,今天的代码中都要相应的使用. input输入框 ...
微信小程序的动态表单，实现房屋租赁的多租客录入
0 前言本文将介绍如何使用微信小程序编写动态表单,最终实现房屋租赁系统中多租客录入的业务. 在阅读本文前,您需要对微信小程序的开发有一个初步的了解,以便更容易的学会开发动态表单. 作者主页:Desi ...
微信小程序转发动态消息的问题
最近项目中需要用到微信小程序转发动态消息的功能,遇到了一些坑,最终测试成功了,现在分享给大家. 微信官方的动态消息参考文档在这里:https://developers.weixin.qq.com/mi ...
[技术博客] 微信小程序的formid获取
微信小程序的formid获取 formId的触发微信小程序可以通过收集用户的formid,获取formid给用户主动推送微信消息.获取formid有两个途径,一个是触发一次表单提交,或者触发一次支付 ...

微信小程序实现动态获取输入框的字符长度

以限制100字以内为例

HTML：

JS：

微信小程序实现动态获取输入框的字符长度相关推荐

最新文章

热门文章