JS实现敏感字标红,根据具体位置将敏感字替换成红色+VUE

根据具体位置将敏感字替换成红色,敏感字标红



☕敏感字标红逻辑:

因为在输入框input中的value没有办法改变其中某些字的颜色,要么只能通过style样式全部换成红色。

所以这里采用的是用一个div直接覆盖在input输入框上面,条件判断,是否存在敏感字。

如果存在敏感字,就将对应位置的敏感字标红,并将其赋到div里面,然后让div显示在input上面。input隐藏

如果不存在,就直接通过审核。

☕敏感字标红实例:

⚡输入文本:提交审核检测

请添加图片描述

⚡提交审核检测,敏感字标红
请添加图片描述

☕前端的页面样式:
<div class="mt15" style="margin-left: 29px;">
   <label class="fl SMScontent">短信内容&nbsp;&nbsp;</label>
   <span class="ml20">
	  <a-textarea
	    class="mr15 text-area"
	    :subfield="false"
	    :autofocus="false"
	    v-model="SMScontent"
	    ref="md"
	    @input="riseInput"
	    v-show="errorcontent"
	  ></a-textarea>
  </span>
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值