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

最新推荐文章于 2024-06-26 14:19:06 发布
最新推荐文章于 2024-06-26 14:19:06 发布
阅读量3.6k 收藏 4
点赞数 1
分类专栏： 微信小程序 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45729307/article/details/106572292
版权
本文介绍了如何在微信小程序中防止用户在input组件中输入emoji表情，通过wxml和wxjs的配合实现这一功能。
摘要由CSDN通过智能技术生成

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元/天 解锁文章
Yixuan.
关注
专栏目录
微信小程序-如何实现input框输入emoji表情？【亲测有效】
**My Coding Family**
04-02 7065
微信小程序-如何实现input框输入emoji表情？【超级详细】
微信小程序 使用正则禁止用户输入表情符号（解决时灵时不灵的问题）
xiexie16888的博客
09-01 1915
目前正在做一版小程序、涉及到用户输入表情类的内容时的效验； 先把正则写下 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
微信小程序开发：禁止输入表情的控制
青衫折扇的博客
09-18 1537
我们在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, '
vue实现禁止输入表情
最新发布
bossmmm的博客
06-26 228
如代码所示，是一个输入区域textarea ，通过v-model绑定输入的值feedbackContent，对于input等需要输入的标签也是同理。核心的要点就是通过watch监视输入的值，从而实现每次输入都判断其是否是表情。
微信小程序input禁止输入特殊表情符号与空格
improvement
11-13 2121
微信小程序禁止输入特殊表情符号与空格 1、wxml <!-- start 小孩年龄 --> <view class="childrenAge" wx:if="{{childrenAgeShow}}"> <sapn class="title">小孩年龄</sapn> <input value="{{childrenAge}}" class="childrenAge-weui-input" bindblur="chil
禁止小程序输入Emoji表情符
FurtherSkyQ的博客
05-26 3139
前言: 在小程序中<textarea>刚开始是可以输入表情符号，但是后来因为输入表情会导致一个下拉bug，所以微信就默不作声的将这个共功能给关闭了。 但是我们在开发小程序的时候，有时会涉及到输入操作，小程序可以输入表情（这里主要指的是IOS的Emoji表情），前台可以输入表情，但是后台就不干了，因为文字和Emoji表情在数据库中的字节不一样，这就涉及到数据库了，Mysql举例，不设置数据库的话会报这个错 Incorrect string value: '\xF0\x9F...' ...
禁止输入表情
马娟的博客
11-19 517
禁止输入表情： 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框禁止输入表情（手动笑脸）
qq_24992475的博客
03-04 2895
输入框禁止输入表情符号，在这里记录一下 页面代码 <el-input v-model="inputValue" @input="inputVal('inputValue',$event)"></el-input> methods中的方法 // 禁止input框输入表情 inputVal(type,e){ console.log(type,e,'--------') let reg = /([0-9|*|#]\uFE0F\u20E3)|([
小程序 - 解析input框中输入法自带的emoji表情
sinat_33184880的博客
08-19 4797
input框value值为'老虎????'，需要将emoji表情进行转义再发送至后台 let string = '老虎????' let regex = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20...
微信小程序 input输入框详解及简单实例
08-31
在微信小程序中，`input`组件是用于用户输入文本的关键元素。它提供了多种类型的输入框，如文本、数字、身份证号、日期等，满足不同场景的需求。以下是对`input`组件的详细解释及其相关实例。 ### 1. `input`基本...
微信小程序实现简单评论功能
01-20
以上就是微信小程序实现简单评论功能的主要技术点，它们结合在一起，构建了一个具备查看、输入、表情选择和发表评论功能的交互式评论系统。开发者可以通过这些基础知识，根据实际需求进行扩展和定制，以满足更复杂的...
vue通过自定义组件禁止input输入框输入emoji表情
AiYa_He的博客
05-30 859
首先封装好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
输入框（textarea/input）过滤表情
qq_42890169的博客
12-26 1539
输入框（textarea/input）过滤表情 我是在做小程序的时候遇到的这种情况，所以以下代码就是微信小程序的格式咯 <textarea value="val" bindinput="removeEmoj" data-val="{{val}}"></textarea> // js function removeEmoj ({detail: {val}) { thi...
uniapp - [全端兼容] 详细使用 emoji 表情包，在输入框中发送及显示 emoji 表情（全平台小程序/ H5 / App通用，类似微信聊天的小表情，支持文字与表情混合在一起，后端易存储）
王佳斌
07-23 6913
uniapp emoji，uniapp小程序h5网页安卓苹果端发送显示emoji表情，uniapp多端通用emoji表情库，uniapp怎么在输入框中选表情，uniapp实现表情包，uniapp如何实现input框输入emoji表情，uniapp表情插件库，uniapp聊天框输入emoji表情，uniapp显示emoji表情emoji微信表情，uniapp仿微信emoji表情包，uniapp表情符插件emoji表情符 表情输入框 类似微信qq的表情，uniapp小程序中如何使用Emoji表情，uniapp仿
正则验证--禁止emoji表情输入
yrrjiayou的博客
11-28 814
正则验证--禁止emoji表情输入
工作常见问题
快乐学代码
12-09 924
C端 1.关于底部遮挡问题 底部按钮遮挡内容（苹果X） 在上边的区域加上 padding-bottom: calc(110rpx + env(safe-area-inset-bottom)); 2.下拉刷新 参考页面 pages/coupon/center/index pages/setGame/gameList onPullDownRefresh:function(){ ​ this.couponActivityList = [];//下拉列表为空 ​ this.pageIndex =
js文本框禁止输入表情
John_jian_yo的博客
10-24 1万+
js在用户输入表情时自动过滤掉，显示和无法输入表情效果一样 input type="text" id="input" maxlength="10"/> $('#input').keyup(function(){ noEmoji($(this)); }) var noEmoji = function(dom) { var html = "",
微信小程序中使用emoji表情相关说明
热门推荐
Dreawer微信小程序联盟
06-28 3万+
本帖将聚合一些跟emoji表情有关的知识；前端传过来的昵称和备注信息一定要经过严格的正则表达式过滤，放置出现XSS等攻击，另外emoji字体表情库应该使用base64_encode编码，拿信息的时候base64_decode解码即可。 相关文章：“i爱记账” 小程序后端开发小结 相关组件： wxParse：集成了emoji表情组件； WxEmojiView-微信小程序Emoji展示
微信最新emoji表情包文件 json格式
12-28
微信最新的emoji表情包文件是以JSON格式存储的，包括了各种各样的表情和符号。JSON是一种轻量级的数据交换格式，它由对象和数组组成，非常适合用来存储emoji表情的信息。 这个emoji表情包文件中包含了每个emoji表情的Unicode编码、名称、类别等信息。通过这个JSON文件，我们可以轻松地查找到我们需要的emoji表情，比如笑脸、动物、食物等各种类别的表情。 相比于传统的表情包文件格式，JSON格式更加灵活和易于扩展。我们可以很方便地增加新的表情到这个文件中，或者进行修改和更新。这让微信的emoji表情包更加丰富多彩，可以更好地满足用户的需求。 另外，JSON格式的表情包文件也更容易解析和处理，让开发者可以更加便利地将这些emoji表情集成到自己的应用程序中。无论是社交类应用、游戏还是其他类型的应用，都可以通过解析这个JSON文件，方便地获取到各种emoji表情的信息。 总之，微信最新的emoji表情包文件采用了JSON格式存储，这让表情包更加丰富和灵活，方便用户使用和开发者集成。希望这个emoji表情包文件能够为用户带来更多快乐和便利。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值