uniapp 输入框如何禁止输入表情

于 2024-01-30 10:36:46 发布
阅读量1k 收藏 10
点赞数 4
分类专栏： uniapp 文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45561965/article/details/135927499
版权
本文描述了在项目开发中遇到的问题，即如何阻止用户通过手机输入法在输入框中输入表情符号。作者提供了相应的代码示例，并鼓励读者关注和分享经验。

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

在做项目中遇到一个问题
输入框要禁止输入手机输入法自带的表情符号
在网上找了相关的解决方案
顺便记录一下
话不多说，直接上代码
在这里插入图片描述

在这里插入图片描述
希望可以帮到你
看到这个点个关注呗
点个关注，不迷路~~~

uniapp - [全端兼容] 详细使用 emoji 表情包，在输入框中发送及显示 emoji 表情（全平台小程序/ H5 / App通用，类似微信聊天的小表情，支持文字与表情混合在一起，后端易存储）
王二红
07-23 8407
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仿
uniapp 禁止textarea/input输入表情
weixin_46319117的博客
07-04 2112
uniapp 禁止textarea/input输入表情
在input或者textarea输入框中禁止输入表情
qq_47163013的博客
10-18 1450
2、表情和特殊字符都不能输入。
uniapp中输入框禁用表情与特殊符号
fairyfree的博客
09-19 2354
输入框 检验特殊字符和表情
uniapp 小程序input框过滤表情等特殊字符
weixin_58421147的博客
03-02 1780
首先通过正则验证，验证不通过时，通过字符串.replace方法，替换掉表情。最后需要return，替换掉输入框中的内容。代码段为input框通过@input绑定的方法内容。
input 文本框禁止输入表情
weixin_30707875的博客
10-11 2631
js在用户输入表情时自动过滤掉 <input type="text" id="input" maxlength="10"/> var noEmoji = function(dom) { var html = $(dom).val(), oldHtml = ""; oldHtml = html; var...
前端uniapp表情插件
05-09
【前端uniapp表情插件】是专为基于uniapp框架的前端开发设计的一款组件，用于在应用程序中集成和管理各种表情符号，提升用户在聊天、评论等交互场景下的体验。uniapp是一个多端开发框架，它允许开发者用一套代码编写...
uniapp输入框添加表情
09-07
可以根据具体的需求来响应用户的输入，比如监听输入框的输入事件，当用户输入表情代码时，调用表情包库的组件或者工具方法来转换为对应的表情图片显示在输入框中。 4. 可以考虑对表情的代码和图片进行封装，使其...
uniapp-带表情图片输入框
weixin_52707625的博客
07-12 2421
这是一个基于uni-app内置组件editor开发的输入框插件，包含表情输入。
uniapp聊天实例，支持图片，语音，表情.zip
04-23
《uniapp实现聊天功能详解——图片、语音与表情支持》 在移动应用开发领域，uniapp因其跨平台的特性及丰富的组件库，逐渐成为开发者们的首选工具之一。本实例将详细解析如何使用uniapp构建一个支持图片、语音和表情...
修改禁止多次重复提交
07-31
如何修改禁止多次重复提交
如何使EditText禁止输入表情
xxd02042500912167的博客
01-04 500
tvUsername.addTextChangedListener(new TextChange(tvUsername)); private class TextChange implements TextWatcher { private EditText et; public TextChange(EditText et) { this.et = et
有效的禁止文本输入框输入表情
Rio的博客
07-27 2913
// //  ViewController.m //  test // //  Created by 郭宇 on 13-11-15. //  Copyright (c) 2013年 郭 宇. All rights reserved. //   #import "ViewController.h"   @implementation ViewController {
uni vue 正则解决中文名输入数字字母符号表情
silence_forever
01-15 776
以下是自己使用的工具函数，其中emoji-regex需要安装依赖包 npm i emoji-regex function irRegular(str, type, returnType, message) { /* * str 传入的值 String * type 替换类型 String ('Number', 'Letter' ,'Sign', 'Emoji' ,'All') ...
工作常见问题
快乐学代码
12-09 1033
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 =
前端禁止输入emoji表情的方法
最新发布
BHSZZY的博客
01-24 1409
【代码】前端禁止输入emoji表情的方法。
正则验证 input 输入框，禁止输入表情包
qq_36437172的博客
10-03 3652
禁止输入表情包方法如下： includeSpecial (value) { if (!value) { return } //eslint-disable-next-line const regStr = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u.
移动端之禁止输入框输入表情
rgpbrave的博客
06-08 2117
思路是给输入框绑定 change事件,用正则匹配输入框的内容，发现有表情就替换为空 只能输入数字英文啊等等都是这个思路 我这里是用的 vue 框架（别的方法都一样），例如 <input type="text" v-model="inputMessage" :change="check_num()"> inputMessage ：输入框输入的值 check_num(){ var regStr = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\
微信小程序禁止input框输入emoji表情
weixin_45729307的博客
06-05 3723
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 = /([^\u00
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值