jQuery怎么做textarea禁止输入“!!!”的功能

最新推荐文章于 2024-01-30 10:46:21 发布
最新推荐文章于 2024-01-30 10:46:21 发布
阅读量289 收藏
点赞数
文章标签： jquery 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luo2424348224/article/details/132831061
版权

如果你希望在用户输入时，在textarea中输入“!!!”时立即删除该字符，可以使用jQuery的input事件。以下是一个例子：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Example</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <textarea id="myTextarea"></textarea>
  <script>
    // 监听事件
    $("#myTextarea").on("input", function(event) {
      // 替换“!!!”为空字符串
      $(this).val($(this).val().replace(/!!!/g, ""));
    });
  </script>
</body>
</html>

当用户在textarea中输入“!!!”时，在input事件中，可以使用JavaScript的replace方法将“!!!”替换为空字符串，从而删除该字符。注意，由于用户每输入一个字符都会触发input事件，因此此方法可能会对输入响应速度产生一些影响。

演示地址：醉学网-让您提分更轻松！ (nongpin88.com)

luo2424348224
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
textarea输入限制方法
07-09
textarea输入限制方法，此方法使用js来控制输入数据最大值，也限制了复制粘贴输入、鼠标拖放输入。
jquery实现限制textarea输入字数的方法
12-11
jquery怎么实现限制textarea输入的字数呢？有需要的朋友可以参考一下我写的例子，当然如果有误，也希望大家能及时指出来，大家共同学习进步。 <!DOCTYPE html> <html lang="en"> <head> <meta ...
el-textarea 禁止输入非数字、非换行以外的字符
m0_37856464的博客
04-04 900
<el-input type="textarea" :placeholder="placeholder" resize="none" @input="handleTextareaInput" @keydown.enter.native="handleTextareaKeydown" v-model="ids" /> handleTextareaInput(value){ if (value) ..
input、textarea禁止输入空格，并绑定回车事件
前端学习笔记
01-30 1169
举例（其它组件库原理相同），在组件库中，上面的方法无效，需要采用其它方法。回车会换行，所以需要处理一下，回车目的是提交，可以将内容清空。与上面一样，使用 @keydown.enter 即可绑定。如果觉得一个一个禁止太麻烦，也可以全局统一禁止。方法没有用，不要用那个方式。
Js表单元素，textarea,input 文本框禁止输入特殊字符，控制输入各种类型等
发光棒的博客
06-27 1万+
经常碰到需要控制表单元素输入的类型，然后每次总是百度，然后复制粘贴，特别浪费时间。 这里收集好方便直接使用。提供的方法非常简单使用直接嵌套在标签上使用，无需单独写js方法调用实现， 不能输入特殊字符 <input type="text"class="domain"onkeyup="this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'')...
jq textarea实时监控输入字数并限制输入字符
宁
10-09 291
html: <div style="position: relative;"> <label>备注：</label> <textarea class="textarea_input" id="remark" name="remark" placeholder="(最多可输入20个字符)"></textarea> <span class="remark-word">0/20</span> </div> js
jQuery编写textarea输入字数限制代码
10-20
主要为大家详细介绍了jQuery编写textarea输入字数限制代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
jQuery实现限制textarea文本框输入字符数量的方法
10-24
主要介绍了jQuery实现限制textarea文本框输入字符数量的方法,涉及jQuery键盘事件及页面元素的相关操作技巧,需要的朋友可以参考下
textarea限制输入问题
李子的专栏
03-15 696
由于textarea没有maxlength属性,所以只好用js做限制.上网搜了下,不过还是自己写了个.请指教.function checkMaxLength(obj){ var objValue = obj.value; var max = 5; if(objValue.length>=max){ obj.innerHTML = objValue.substring(
input textarea 限制输入
x138x的专栏
07-09 762
textarea 限制输入: ${bc.content} input 数字输入:                                          onChange="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"/>
textarea 只显示内容，禁止输入或编辑
热门推荐
P2668239237的博客
08-20 1万+
加个readonly 就OK了的
关于textarea限制字符输入
weixin_34044273的博客
08-03 49
<textarea class="leaveMessage" oninput="if(value.length>76) value=value.substr(0,76)"></textarea> 原链接 http://blog.csdn.net/sunlylorn/article/details/6123355 现在已经支持maxlength =...
textarea限制字符输入方法
weixin_30765475的博客
07-15 64
function check(obj){ var Maxchar=20; if(obj.value.length>Maxchar){ //如果超出 obj.value=obj.value.substring(0,Maxchar); //截取0到Maxchar的字符串 } var curr=Maxchar-obj.value.len...
文本框textarea限制字符输入的方法
自由空间
06-03 1142
文本框textarea限制字符输入的方法2008-03-15 20:55 CODE: 设计理念说明（200字以内） 您还可以输入 200 个文字 function checkLen(obj) {     var maxChars = 200;//最
防js代码注入
WiFi_Uncle的专栏
10-11 4877
1. 什么是 JavaScript 注入攻击？每当接受用户输入的内容并重新显示这些内容时，网站就很容易遭受 JavaScript 注入攻击。让我们研究一个容易遭受 JavaScript 注入攻击的具体应用程序。假设已经创建了一个客户反馈网站。客户可以访问网站并输入对产品的反馈信息。当客户提交反馈时，反馈信息重新显示在反馈页面上。举个例子首先， 我在某个输入框中输入js代码<script type="
禁止页面输入特殊字符
zhang_chuancun的专栏
02-08 654
input type="text" id="text1" />textarea id="textarea1">textarea>script>document.getElementById("text1").onkeypress = function(e){    checkChar(e);}document.getElementById("textarea1").onkeypress = fun
textare限制输入字符
滴水成海
08-20 942
<br /> <br />function getNeiRongLength(textAreaName,divNam,count){<br />  var neirong = document.getElementById(textAreaName).value;<br />  var neirong2 = document.getElementById(textAreaName);<br />  var neironglengths = document.getElementById(divNam);<b
在文本框中禁止输入特殊字符,实现方法
sunjunjun01的博客
09-29 856
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;&lt;html&gt; &lt;head&gt;  &lt;title&gt; New Document &lt;/title&gt;  &lt;meta name
JQuery ID选择器中的不能包含特殊字符（=，@ etc.）
weixin_33782386的博客
05-13 297
最近在开发一个界面时发现了某些特殊情况下ID选择器就会出现无效的情况，经查原来是的动态生成的Dom 元素的ID中包含“=”导致（你可能会问为什么会在ID中有“=”号，我只能说这种情况虽然不多，但是有，比如我的情况，我的ID是某个字符串Base64编码之后的字符串）。 JQuery中的1.2.6版本至1.3.2版本都有这种情况，下面是测试的代码： &lt;!DOCTYPE html PUBLIC...
uniapp textarea禁止输入内容
最新发布
05-29
在uniapp中，可以通过设置`disabled`属性来禁用`textarea`的输入功能。同时，也可以使用CSS样式来实现禁止输入。以下是具体的实现方法： 1. 使用`disabled`属性禁用输入 在模板中，可以直接设置`textarea`的`disabled`属性为`true`来禁用输入： ```html <template> <textarea disabled></textarea> </template> ``` 或者，也可以使用Vue的数据绑定将`disabled`属性与一个Boolean类型的数据进行绑定： ```html <template> <textarea :disabled="isDisabled"></textarea> </template> <script> export default { data() { return { isDisabled: true } } } </script> ``` 以上两种方法都可以达到禁用`textarea`输入的效果。 2. 使用CSS样式禁用输入 在样式文件中，可以设置`textarea`的`pointer-events`和`user-select`属性来禁止用户输入。具体样式如下： ```css textarea[readonly] { pointer-events: none; user-select: none; } ``` 设置了以上样式之后，在模板中将`textarea`的`readonly`属性设置为`true`即可实现禁止输入。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值