失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 微信小程序开发:禁止输入表情的控制 验证方法 光标控制

微信小程序开发:禁止输入表情的控制 验证方法 光标控制

时间:2020-12-03 00:31:42

相关推荐

微信小程序开发:禁止输入表情的控制 验证方法 光标控制

<input class="weui-input" name="receiptMan" maxlength="10" bindinput="inputVal" data-name="receiptMan" value="{{form.receiptMan}}" placeholder="请输入姓名" />

regStrFn: function(str){

let reg = /([^\u0020-\u007E\u00A0-\u00BE\u2E80-\uA4CF\uF900-\uFAFF\uFE30-\uFE4F\uFF00-\uFFEF\u0080-\u009F\u2000-\u201f\u2026\u\u20ac\r\n])|(\s)/g ,

indexArr = reg.exec(str);

if(str.match(reg)) {

str = str.replace(reg, '');

}

let obj = { val: str, index: indexArr}

return obj

},

inputVal: function (e) {

let name = 'form.' + e.target.dataset.name

let val = e.detail.value,

pos = e.detail.cursor;

let reg = /([^\u0020-\u007E\u00A0-\u00BE\u2E80-\uA4CF\uF900-\uFAFF\uFE30-\uFE4F\uFF00-\uFFEF\u0080-\u009F\u2000-\u201f\u2026\u\u20ac\r\n])|(\s)/g

if (!reg.test(val)){

return

}

let obj = this.regStrFn(val)

if (pos != -1 && obj.index) {

//计算光标的位置

pos = obj.index.index

}

return {

value: obj.val,

cursor: pos

}

},

如果觉得《微信小程序开发:禁止输入表情的控制 验证方法 光标控制》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。