小程序输入框字数统计

//1、文本输入

change(event){

let _cursor = this.getByteLen(event.detail.value);

this.setData({text:event.detail.value,count:_cursor})

//2、获取字符串长度（汉字算两个字符，字母数字算一个）

getByteLen(val) {

var len = 0;

for (var i = 0; i < val.length; i++) {

var a = val.charAt(i);

if (a.match(/[^\x00-\xff]/ig) != null) {

len += 1;

}

else {

len += 1;

}

if(len>=500){

return 500;

}else{

return len;

}

小程序输入框字数统计相关推荐

微信小程序-textarea字数统计与限制
第一步:参考官方文档<textarea小程序> textarea多行输入框.该组件是原生组件,使用时请注意相关限制. 用到的属性: 属性说明 maxlength 最大输入长度,设置为 - ...
微信小程序输入框字数限制以及计算
wxml代码如下: <textarea class="textarea-bg font_s33 font_c31" id="information" ma ...
微信小程序输入框input
微信小程序输入框input 属性名类型默认值说明 value String 输入框的内容 type String text input的类型,有效值:text,number,idcard,dig ...
小程序中里的bindinput_微信小程序输入框input
微信小程序输入框input 属性名类型默认值说明 valueString 输入框的内容 typeStringtextinput的类型,有效值:text,number,idcard,digit,time ...
微信小程序输入框会字体显示不全或者换行
微信小程序输入框会字体显示不全或者换行问题描述有的时候不同的设备上会出现微信小程序输入框表现不一致,比如:换行,字体显示不全解决方案用开发者工具调试发现,input,textarea 有默认的 ...
微信小程序输入框属性 cursor-spacing 问题
微信小程序输入框属性 cursor-spacing 问题问题描述微信小程序给输入框提供了属性 cursor-spacing,用处是聚焦时光标离软键盘的距离,但是在安卓机子上会出现不太好使,比如,没 ...
微信小程序输入框上移问题
微信小程序输入框上移问题缺陷:输入框顶起整个页面包括自定义顶栏解决方式:给input设置adjust-position="{{false}}"后自定义input高度 wxml ...
小程序输入框完成切换到下个输入框
小程序输入框完成切换到下个输入框需求:页面有多个输入框,一个输完点击回车,切换到下个输入框思路:利用小程序输入框的focus(获取焦点)属性,在bindconfirm事件(点击完成后触发)里设置变 ...
小程序textarea字数限制与输入计算
微信小程序--文本域字数限制和字数输入统计示例代码 wxml:<textarea bindinput='input' rows="3" placeholder=" ...

小程序输入框字数统计

小程序输入框字数统计相关推荐

最新文章

热门文章