如何限制使用JavaScript的文本字段中的某些单词？

Question

我在我的网站上有一个联系表。主题是这种形式的文本字段。我想限制用户在该字段中输入某些单词。

例如，用户在主题字段中键入XXX或MMM，我们需要显示错误消息。

Answer 1

考虑：

HTML：

<input id='text'></input> 

你可以这样做：

JS：

document.getElementById('text').addEventListener('keyup', function(e) { 
    var text = document.getElementById('text').value; 
    if (text.search('MMM') !== -1) { 
     alert('MMM is not allowed!'); 
    } 
    if (text.search('XXX') !== -1) { 
     alert('XXX is not allowed!'); 
    } 
    text = text.replace(/MMM/g,''); 
    text = text.replace(/XXX/g,''); 
    document.getElementById('text').value = text; 
},false); 

DEMO

或T他：

JS：

var banned = ['MMM','XXX']; 
document.getElementById('text').addEventListener('keyup', function(e) { 
    var text = document.getElementById('text').value; 
    for (var x=0;x<banned.length;x++) { 
     if (text.search(banned[x]) !== -1) { 
      alert(banned[x]+' is not allowed!'); 
     } 
     var regExp = new RegExp(banned[x]); 
     text = text.replace(regExp,''); 
    } 
    document.getElementById('text').value = text; 
},false); 

DEMO

但是，你也需要净化你的服务器上的这些形式的回应。任何客户端代码都可以绕过。