微信小程序禁止input框输入emoji表情

最新推荐文章于 2023-11-28 13:47:08 发布

Yixuan.

最新推荐文章于 2023-11-28 13:47:08 发布

阅读量3.7k

点赞数 1

分类专栏：微信小程序文章标签：前端

本文链接：https://blog.csdn.net/weixin_45729307/article/details/106572292

版权

本文介绍了如何在微信小程序中防止用户在input组件中输入emoji表情，通过wxml和wxjs的配合实现这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

wxml

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

wxjs

// 禁止input框输入表情
  regStrFn: function (str) {
   
      // 转换一下编码
    　　let reg =

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Yixuan.

关注关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

微信小程序-如何实现input框输入emoji表情？【亲测有效】

**My Coding Family**

04-02

7254

微信小程序-如何实现input框输入emoji表情？【超级详细】

uniapp - [全端兼容] 详细使用 emoji 表情包，在输入框中发送及显示 emoji 表情（全平台小程序/ H5 / App通用，类似微信聊天的小表情，支持文字与表情混合在一起，后端易存储）

王二红

07-23

1万+

uniappemoji，uniapp小程序h5网页安卓苹果端发送显示emoji表情，uniapp多端通用emoji表情库，uniapp怎么在输入框中选表情，uniapp实现表情包，uniapp如何实现input框输入emoji表情，uniapp表情插件库，uniapp聊天框输入emoji表情，uniapp显示emoji表情emoji微信表情，uniapp仿微信emoji表情包，uniapp表情符插件emoji表情符表情输入框类似微信qq的表情，uniapp小程序中如何使用Emoji表情，uniapp仿

参与评论您还未登录，请先登录后发表或查看评论

微信小程序input禁止输入特殊表情符号与空格

improvement

11-13

2242

微信小程序禁止输入特殊表情符号与空格 1、wxml  <view class="childrenAge" wx:if="{{childrenAgeShow}}"> <sapn class="title">小孩年龄</sapn> <input value="{{childrenAge}}" class="childrenAge-weui-input" bindblur="chil

禁止小程序输入Emoji表情符

FurtherSkyQ的博客

05-26

3401

前言: 在小程序中<textarea>刚开始是可以输入表情符号，但是后来因为输入表情会导致一个下拉bug，所以微信就默不作声的将这个共功能给关闭了。但是我们在开发小程序的时候，有时会涉及到输入操作，小程序可以输入表情（这里主要指的是IOS的Emoji表情），前台可以输入表情，但是后台就不干了，因为文字和Emoji表情在数据库中的字节不一样，这就涉及到数据库了，Mysql举例，不设置数据库的话会报这个错 Incorrect string value: '\xF0\x9F...' ...

微信小程序开发：禁止输入表情的控制

青衫折扇的博客

09-18

1646

我们在input输入的时候直接监听输入的value,做一个筛选 let reg = /([^\u0020-\u007E\u00A0-\u00BE\u2E80-\uA4CF\uF900-\uFAFF\uFE30-\uFE4F\uFF00-\uFFEF\u0080-\u009F\u2000-\u201f\u2026\u2022\u20ac\r\n])|(\s)/g , 如果value中包含表情,我们直接替换掉 f(str.match(reg)) { 　　str = str.replace(reg, '

微信小程序 使用正则禁止用户输入表情符号（解决时灵时不灵的问题）

xiexie16888的博客

09-01

2120

目前正在做一版小程序、涉及到用户输入表情类的内容时的效验；先把正则写下 let reg = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u2B55]|\u303D|[\A9|\AE

禁止输入表情

马娟的博客

11-19

556

禁止输入表情： onkeyup="this.value=this.value.replace(/[^\u0020-\u007E\u00A0-\u00BE\u2E80-\uA4CF\uF900-\uFAFF\uFE30-\uFE4F\uFF00-\uFFEF\u0080-\u009F\u2000-\u201f\u2026\u2022\u20ac\r\n]/g,'')" onafterpaste="t...

微信小程序 input输入框详解及简单实例

08-31

在微信小程序中，`input`组件是用于用户输入文本的关键元素。它提供了多种类型的输入框，如文本、数字、身份证号、日期等，满足不同场景的需求。以下是对`input`组件的详细解释及其相关实例。 ### 1. `input`基本...

vue通过自定义组件禁止input输入框输入emoji表情

AiYa_He的博客

05-30

973

首先封装好js文件，代码如下，如需自取： import emojiRegex from 'emoji-regex'; //npm install emoji-regex import Vue from 'vue'; Vue.directive('clearEmoji', { bind(el, binding, vnode, oldVnode) { const regex = emojiRegex(); const obj = el.querySelectorAll('.el-input

微信小程序中使用emoji表情相关说明