1

我目前正在一个网站上过滤数组上的坏词。每当用户在文本框中键入一个单词时，如果从数组中找到一个单词，就会出现一个警告框。我想做同样的事情，但我不想使用文本框，而是想使用 contenteditable div。我将需要 jquery，但我的代码似乎存在一些冲突，因为初始代码是在纯 js 中完成的。

小提琴链接：http: //jsfiddle.net/br7TD/

这是javascript：

var swear_words_arr=new Array("bad","evil","freak");
var swear_alert_arr=new Array;
var swear_alert_count=0;

function reset_alert_count() {
swear_alert_count=0;
}

function validate_user_text() {
reset_alert_count();
var compare_text=document.form1.user_text.value;

for(var i=0; i<swear_words_arr.length; i++) {
    for(var j=0; j<(compare_text.length); j++)
    {
        if(swear_words_arr[i]==compare_text.substring(j,(j+swear_words_arr[i].length)).toLowerCase())
            {
                swear_alert_arr[swear_alert_count]=compare_text.substring(j,(j+swear_words_arr[i].length));
                swear_alert_count++;
            }
    }
}

var alert_text="";  
for(var k=1; k<=swear_alert_count; k++)
{
    alert_text+="\n" + "(" + k + ")  " + swear_alert_arr[k-1];
}

if(swear_alert_count>0) {
    alert("Please refrain from using offensive words"); /* + alert_text */
    document.form1.user_text.select();
    }
else {
    document.form1.submit();
}
}

function select_area() {
document.form1.user_text.select();
}

window.onload=reset_alert_count;

我对此很陌生。任何帮助将不胜感激。

4

1 回答 1

2

尝试

<div id="textArea">
    <span id="myInput" contenteditable="true">kfjdkfj</span>
</div>

和

var swear_words_arr=new Array("bad","evil","freak");
var regex = new RegExp('\\b(' + swear_words_arr.join('|') + ')\\b', 'i' );

function validate_user_text() {
    var text = $('#myInput').text();

    if(regex.test(text)) {
        alert("Please refrain from using offensive words"); /* + alert_text */
        $('#myInput').focus();
        return false;
    }

}

演示：小提琴

可以在此处找到更多类似 jQuery 的解决方案

于 2013-04-18T03:29:37.287 回答