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

时间:2014-09-30 16:51:19

标签: javascript html

我的网站上有联系表格。 Subject是此表单中的文本字段。我想限制用户在该字段中键入某些单词。

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

1 个答案:

答案 0 :(得分:0)

假设:

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

或者这个:

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

但是,您还需要在服务器上清理这些表单响应。任何客户代码都可以被规避。