微信小程序文本框限制输入字数

行业新闻 162 0 2020年8月19日 评论 0
效果图

在这里插入图片描述

wxml代码
<view>
     <textarea placeholder-class="place-holder"  placeholder="请从以下四个方面填写求求职简介 1. 教育背景介绍,如学校专业描述、个人学习成绩奖学金情况  2. 技能介绍(多描述就业相关技能),培训证书等  3. 描述实习经历、社会实践经历,或者社团经历 4. 希望从事的领域及职位 " name="introduction" maxlength='300' bindinput='limit' value="{{text}}"/>

      <!-- 显示字数 -->
      <view class="clear"><text>{{current}} / {{max}} (最多可写300字)</text></view>
</view>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
js代码:
Page({
	data: {
		// 字数限制
   		current: 0,
    	max: 300,
	},
	 // 文本框字数限制
  	limit: function (e)  {
    	var value = e.detail.value;
    	var length = parseInt(value.length);

   	 if  (length > this.data.noteMaxLen) {
      	return;
   	 }

    	this.setData({
      	current: length
    	});
  	},
})
该新闻还没有评论,快来添加评论一条吧!

写下您的评论