el-input想限制输入–英文键盘相关(如撰写js 条件表达式,怕输入中文引号、括号这些),正则匹配输入,如何实现?

2023-03-30 0 1,064

如题,使用el-input 输入框 — 对输入内容进行限制,限制输入字符为英文键盘的相关字符,如大小写字母、数字、运算符、单双引号、[]这些:输入内容主要用作服务端代码里的 条件渲染表达式 判断语句。
想限制英文键盘字符输入,防止输入如中文单双引号、中文、括号之类的内容,目前通过 onKeyUp 事件来进行正则匹配,将非法字符 替换为空的方式实现。
但是有个问题,英文的双引号也要允许输入,但是输入 html 标签内嵌的双引号会导致代码报错,如下图2,请问怎么破解?或者有无其他更好的办法呢?

el-input想限制输入–英文键盘相关(如撰写js 条件表达式,怕输入中文引号、括号这些),正则匹配输入,如何实现?
<el-input
  v-model="infoForm.hitCondition"
  :autosize="{ minRows: 2 }"
  type="textarea"
  onkeyup="this.value=this.value.replace(/[^\w\s_&(){}.\/=+*?:$|><\-\'\[\]]/g,'')"
  :readonly="isPageReadonly"
  placeholder="命中条件,为空则一定命中,否则必须满足条件命中"
/>

如下图 上图代码中的 正则增加 英文双引号 字符 匹配后,因为html标签属性的双引号中内嵌了双引号,代码直接报错,如下图:

el-input想限制输入–英文键盘相关(如撰写js 条件表达式,怕输入中文引号、括号这些),正则匹配输入,如何实现?
<el-input
  v-model="infoForm.hitCondition"
  :autosize="{ minRows: 2 }"
  type="textarea"
  onkeyup="this.value=this.value.replace(/[^\w\s_&(){}.\/=+*?:$|><\-\'\"\[\]]/g,'')"
  :readonly="isPageReadonly"
  placeholder="命中条件,为空则一定命中,否则必须满足条件命中"
/>

求教调整方法,或者有无其他更好的满足限制输入内容 字符的相关办法推荐。

使用UTF-8代替": 双引号” ==>\u0022,

el-input想限制输入–英文键盘相关(如撰写js 条件表达式,怕输入中文引号、括号这些),正则匹配输入,如何实现?
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. JK下载官网所有资源来源于开发团队,加入会员即可下载使用!如有问题请联系右下角在线客服!
2. JK下载官方保障所有软件都通过人工亲测,为每位会员用户提供安全可靠的应用软件、游戏资源下载及程序开发服务。
3. JK开发团队针对会员诉求,历经多年拥有现今开发成果, 每款应用程序上线前都经过人工测试无误后提供安装使用,只为会员提供安全原创的应用。
4. PC/移动端应用下载后如遇安装使用问题请联系右下角在线客服或提交工单,一对一指导解决疑难。

JK软件下载官网 技术分享 el-input想限制输入–英文键盘相关(如撰写js 条件表达式,怕输入中文引号、括号这些),正则匹配输入,如何实现? https://www.jkxiazai.com/1113.html

JK软件应用商店是经过官方安全认证,保障正版软件平台

相关资源

官方客服团队

为您解决烦忧 - 24小时在线 专业服务