Restringir de textarea groserias

[marco64yes]

Hola que tal amigos, les traigo un nuevo reto..

No se si cuenten con algun ejemplo donde muestren como eliminar o mostrar como "#$#$3 las palabras que yo desee bloquear de un textarea.. por ejemplo en ciertos chats cuando deseas colocar palabras restringidas aparecen como garavatos..

espero me puedan ayudar, saludos!

[goteen_mx]

Necesitas crear un diccionario de las palabras que no quieres que aparezcan y verificar las coincidencias, en caso que encuentres alguna reemplazar la palabra, ten encuenta que puede haber palabras como comPUTAción que podría reemplazarte por aparecer en el diccionario.

Saludos.

[InKarC]

Antes que nada probablemente tiene que colocar la funcion de filtrado en el formulario donde esta el <textarea>

Código HTML:

<form id="chat" onsubmit="filtro()">
 

Luego en javascript crea un array que es una lista de palabras a censurar

Código Javascript:

var grocerias = ["puta", "puto","marica","pirobo","gonorrea"]
 

Luego declara la función que coloco en el formulario; la cual se encarga de generar una expresión regular por cada palabra en la lista y eliminar la palabra (indiscriminando si es mayusculas o minuscular y solo si es una palabra aparte: valida "puto" y "pUtO", pero no "computo")

Código Javascript:

function filtro(){  
    var nodo = document.getElementById("chat").elements["texto"]
    var textarea = nodo.value;
    for(var i = 0; i < grocerias.length;i++){
        regex = new RegExp("(^|\\s)"+grocerias[i]+"($|(?=\\s))","gi")
        textarea = textarea.replace(regex, function($0, $1){return $1 + "#4@!@"});
    }
    nodo.value = textarea;
}
 

Cuando lleguen los datos a la otra pagina o al servidor ya no va a mostrar las palabras en la lista.

[marco64yes]

Iniciado por InKarC

Antes que nada probablemente tiene que colocar la funcion de filtrado en el formulario donde esta el <textarea>

Código HTML:

<form id="chat" onsubmit="filtro()">
 

Luego en javascript crea un array que es una lista de palabras a censurar

Código Javascript:

var grocerias = ["puta", "puto","marica","pirobo","gonorrea"]
 

Luego declara la función que coloco en el formulario; la cual se encarga de generar una expresión regular por cada palabra en la lista y eliminar la palabra (indiscriminando si es mayusculas o minuscular y solo si es una palabra aparte: valida "puto" y "pUtO", pero no "computo")

Código Javascript:

function filtro(){  
    var nodo = document.getElementById("chat").elements["texto"]
    var textarea = nodo.value;
    for(var i = 0; i < grocerias.length;i++){
        regex = new RegExp("(^|\\s)"+grocerias[i]+"($|(?=\\s))","gi")
        textarea = textarea.replace(regex, function($0, $1){return $1 + "#4@!@"});
    }
    nodo.value = textarea;
}
 

Cuando lleguen los datos a la otra pagina o al servidor ya no va a mostrar las palabras en la lista.

Excelente aporte man

[Aijoona]

Igualmente, si queres evitar las 'groserias', el diccionario debería estar del lado del servidor.

[_cronos2]

Iniciado por InKarC

Código Javascript:

function filtro(){  
    var nodo = document.getElementById("chat").elements["texto"]
    var textarea = nodo.value;
    for(var i = 0; i < grocerias.length;i++){
        regex = new RegExp("(^|\\s)"+grocerias[i]+"($|(?=\\s))","gi")
        textarea = textarea.replace(regex, function($0, $1){return $1 + "#4@!@"});
    }
    nodo.value = textarea;
}
 

Yo modificaría lo de dentro del for:

Código Javascript:

// ...
for(var i = 0; i < grocerias.length;i++){
    regex = new RegExp("\\b("+grocerias[i]+")\\b","gi")
    textarea = textarea.replace(regex, function(txt){ return "@".repetir(txt.length); });
}
// ...
String.prototype.repetir = function(n){
 var i = 0, str = '';
 while(i++ < n){ str += this; }
 return str;
}
 

Saludos (:

[InKarC]

Código Javascript:

regex = new RegExp("\\b("+grocerias[i]+")\\b","gi")
 

Esto no sirve con palabras que comienzan por la letra eñe; ya que algunos caracteres especiales tienen problemas para ser reconocidos como inicio de una palabra.
Aunque la verdad el Regex mio tiene el problema de que no acepta comas ni puntos ni otros signos de puntacion basico; aqui quedaria aceptandolos:

Código Javascript:

regex = new RegExp("(^|\\s|[;,\\.\\!¡\\?¿])"+grocerias[i]+"($|(?=(\\s|[;,\\.\\!¡\\?¿])))","gi")
 

PD: Sip, en mi pais hay grocerias que comienzan por eñe, no se si en otros paises existan.