效果圖

wxml程式碼

<view style="border: 1px solid #FFA6A6; border-radius: 10px;">
     <textarea placeholder-class="place-holder"  placeholder="請從以下四個方面填寫求求職簡介 1. 教育背景介紹，如學校專業描述、個人學習成績獎學金情況  2. 技能介紹（多描述就業相關技能），培訓證書等  3. 描述實習經歷、社會實踐經歷，或者社團經歷 4. 希望從事的領域及職位 " name="introduction" maxlength='300' bindinput='limit' value="{{text}}" style="font-size: 14px;"/>

      <!-- 顯示字數 -->
      <view class="clear"><text style="color: #ccc; font-size: 14px; float: right; margin-right: 2%;">{{current}} / {{max}} （最多可寫300字）</text></view>
</view>
 

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
    	});
  	},
})