微信小程序输入法无法输入特殊字符
最编程
2024-06-27 16:13:58
...
微信小程序开发中经常遇到有表单提交的需求,一些特殊的字段要过滤掉特殊字符。比如姓名、籍贯、地址等,都要实现不能输入特殊字符的功能,可以创建一个统一的方法来处理输入事件,并在这个方法中检查输入的字符。
下面是一个简单的示例:
<view class='flex f30 ali-center'>
<input type="text" data-name="realname" value='{{realname}}' placeholder="请填真实姓名" bindchange="onName" />
</view>
<view class='flex f30 ali-center'>
<input type="text" data-name="hometown" value='{{hometown}}' placeholder="请填写籍贯" bindchange="onName" />
</view>
<view class='flex f30 ali-center'>
<input type="text" data-name="address" value='{{address}}' placeholder="请填写地址" bindchange="onName" />
</view>
js:
// 输入框发生改变事件
onField(e) {
let value = e.detail.value;
let field = e.currentTarget.dataset.name
// console.log('Input field:', field, 'Value:', value);
this.handleSpecialChars(value, field)
},
// 过滤特殊字符
handleSpecialChars(value, fieldName) {
let reg = /^[\u4e00-\u9fa5a-zA-Z0-9\s,.?!;:\'"]+$/; // 允许中文字符、英文字母、数字以及基本标点符号
if (!reg.test(value)) {
wx.showToast({
title: '不能输入特殊字符',
icon: 'none'
});
this.setData({
[fieldName]: ''
});
} else {
this.setData({
[fieldName]: value
});
return value;
}
},
如果姓名更严格点可以限制只允许输入中文:
let reg = /^[\u4e00-\u9fa5]+$/; // 正则表达式,只匹配中文
请注意,这个示例在输入非符合正则表达式时会清空输入框,这可能会影响到部分用户的体验感。
上一篇: [13] 写入 shell-backup mysql 数据
下一篇: Java 的复制图像
推荐阅读
-
微信小程序判断是否包含某字符串
-
微信小程序输入法无法输入特殊字符
-
如何处理微信小程序中的转义字符
-
微信 "扫一扫 "物联网,全面揭秘 "扫一扫 "背后的扫盲技术!-1.1 扫一扫感知物体是做什么的? 1.1 微信扫一扫是做什么的? 扫一扫识物是指以图片或视频(商品图片:鞋/包/美妆/服饰/家电/玩具/图书/食品/珠宝/家具/其他商品)为输入媒介,挖掘微信内容生态中的有价值信息(电商+百科+资讯,如图1所示),并展示给用户。这里的电商基本涵盖了微信小程序覆盖上亿SKU的全量优质电商,可以支持用户货比N家并直接下单购买,百科和资讯则聚合了微信内的头部自媒体如搜狗、搜搜、百度等,向用户展示和分享拍摄商品相关的内容资讯。 图 1 扫一扫识别功能示意图 欢迎大家更新iOS新版微信→扫一扫→识货,亲自体验,也欢迎大家通过识货界面的反馈按钮向我们提交反馈意见。 扫一扫识物实景图展示 1.2 扫一扫识物有哪些使用场景? 扫一扫识物的目的是为用户访问微信内部生态内容开辟一个新窗口,以用户扫图片为输入形式,为用户提供微信生态内容中的百科、资讯、电商等作为展示页面。除了用户熟悉的扫一扫操作外,我们还将进一步拓展长按操作,让用户更方便地进行扫一扫操作。"扫一扫知事 "的落地场景主要涵盖三大部分: a. 科普知识: a.科普知识。用户通过扫一扫,可以在微信生态圈中获取该对象的百科、资讯等常识或趣闻,帮助用户更好地了解该对象; b.购物场景。同样的搜索功能支持用户看到喜欢的商品立即检索到微信小程序电商中的同款商品,支持用户即扫即购; c.广告场景。扫一扫识别物体可以辅助公众号文章、视频更好地理解其中蕴含的图片信息,从而更好地投放匹配广告,提高点击率。 1.3 Sweep Sense 为 Sweep 家族带来了哪些新技术? 对于扫一扫来说,大家耳熟能详的应该就是扫一扫二维码、扫一扫小程序码、扫一扫条形码、扫一扫翻译了。无论是各种形式的编码还是文字字符,都可以看作是图片的一种特定编码形式,而物的识别则是对自然场景图片的识别,这对于扫一扫家族来说是一个质的飞跃,我们希望从物的识别入手,进一步拓展扫一扫对自然场景图片的理解能力,比如扫酒、扫车、扫植物、扫人脸等服务,如下图3所示。 图 3 Sweep 家族
-
微信小程序手写文档解决日期少一天且格式无法剪切的问题
-
微信小程序输入法(输入法)添加下划线--方法
-
微信小程序中WXSS无法获取pages/card/card.wxss中的本地资源图片 - [渲染层网络层错误] - 解决方案
-
如何在微信小程序中添加车牌输入功能?