javascript - 如何限制表单中的某些字符

This question already has answers here:

Validate input value against blacklist array

（3个答案）

javascript validation prevent certain words

（2个答案）

How do I blacklist characters on a utf-8 string?

（2个答案）

how to prevent users from writing some specific words in a textbox - JQuery

（4个答案）

How do I check a text field value against words in an array using jQuery?

（4个答案）

2天前关闭。

我有一个名为about的字段，我想防止某些字符输入到表单中，这样当它输入到表单中时就会模糊并消失。像“'+'，'+ 1'，'+ 2'”之类的条目仍然有效。解决此问题的任何帮助，以下是我到目前为止所做的一切，我们深表感谢。

<div class="form-group">
<label for="about">About Me</label>
<textarea class="form-control" name="about" rows="3" id="about"></textarea>
</div> 


<script>
var forbiddenWords = ['@','0','Gmail', 'Hotmail', 'Outlook','yahoomail', 'yahoo', 'Mail.com','GMX', 'Fastmail', 'Hush Mail', 'Inbox.com', 'ShortMail','+','+1','+2'];
$(function () {
  $('#about').on('keyup', function(e) {
    forbiddenWords.forEach(function(val, index) {
      if (e.target.value.toUpperCase().indexOf(val.toUpperCase()) >= 0) {
        e.target.value = e.target.value.replace(new RegExp( "(" + val + ")" , 'gi' ), '');
      }
    });
  });
});
</script>

最佳答案

由于您需要输入句号，例如“ Gmail”，而不是单个字符
用户需要进行按键事件，而不是按键或输入。

这是一种方法。检查一下，让我知道是否适合您。

var forbiddenWords = ['@','0','Gmail', 'Hotmail', 'Outlook','yahoomail', 'yahoo', 'Mail.com','GMX', 'Fastmail', 'Hush Mail', 'Inbox.com', 'ShortMail','+','1','2','3','4','5','6','7','8','9'];
  $('#about').on('input', function(e) {
    $.each(forbiddenWords,function(i,el){
      if ( $('#about').val().includes( el ) ){
        $('#about').val( $('#about').val().replace(el, ''));
      }
    })
  });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-group">
<label for="about">About Me</label>
<textarea class="form-control" name="about" rows="3" id="about"></textarea>
</div>

关于javascript - 如何限制表单中的某些字符，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/62110512/

上一篇：jquery - Chrome表单重置不会更改显示选择元素

下一篇：php - 基于 WooCommerce 中所选品牌的动态选择字段选项

相关文章：

javascript - 在 d3.js 元素中添加 slider

javascript - 从 Cryptico.js 保存 RSA key 对象

php - 知道特定行是否用exec输出

php - 拆分数组以在另一个数组中使用时出现问题

javascript - 将 PDF 作为图像包含在 HTML 中

iphone - 检测移动邮件客户端的标准方法？

javascript - Ckeditor获取元素ID？

发送 header 后PHP重定向？

javascript - 访问sendBeacon发送的数据

python - Flask MethodView def Post(self) 中没有请求对象