1

tengo una duda: quiero restringir palabras ofensivas capturadas por localStorage en javascript, como puedo hacerlo? actualmente mi codigo es el siguiente:

 /*Funcion de Capturar, Almacenar datos y Limpiar campos*/
$(document).ready(function(){    
    $('#boton-guardar').click(function(){        
        /*Captura de datos escrito en los inputs*/        
        var nom = document.getElementById("nombretxt").value;
        var res = nom.charAt(0).toUpperCase() + nom.slice(1).toLowerCase();
        /*Guardando los datos en el LocalStorage*/
        localStorage.setItem("Nombre", res);
        /*Limpiando los campos o inputs*/
        document.getElementById("nombretxt").value = "";
    });   
});
/*Funcion Cargar y Mostrar datos*/
$(document).ready(function(){                          
        /*Obtener datos almacenados*/
        var nombre = localStorage.getItem("Nombre");
        /*Mostrar datos almacenados*/      
        document.getElementById("nombre").innerHTML = nombre;
});
<html>
    <head>            
        <title>Ejemplo LocalStorage</title>
        <meta charset=”utf-8″>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

<body>
    <h1>Input Nombre</h1>
    <input type="text" placeholder="Nombre" id="nombretxt"> <br>  <br>   
    <button id="boton-guardar">Guardar</button><br>
    <div>
        <label type="text" id="nombre"></label>
    </div>
    <script src="guardarNom.js"></script>
    <script src="mostrarNom.js"></script>
    
</body> 
</html>

2
  • 3
    Como recomendación te diría que uses un diccionario para comparar las palabras "enteras" y no busques subcadenas dentro de las mismas palabras, porque terminarías censurando entradas correctas como "artículo" o "envergadura". He visto varios sistemas con esos problemas.
    – aeportugal
    Commented el 25 sept. 2018 a las 17:43
  • hola aeportugal, muchas gracias por tu respuesta, tienes algun ejemplo o un link en donde pueda verlo? te agradezco Commented el 25 sept. 2018 a las 17:52

1 respuesta 1

5

La idea es crear un array donde están todas las palabras que tu consideres como malas (malasPalabras), luego crear un función que chequea si la palabra o nombre en tu caso es una mala palabra checkMalasPalabras(), y el evento click del botón guardar que invoca a la función checkMalasPalabras().

Agarre solo la parte de tu código para que te guies donde puedes insertar o incluir lo que hice y de alli puedes agregar las demas cosas:

var malasPalabras = ['nalgas', 'basura', 'trasero'];

const checkMalasPalabras = (palabra) => {
  var rgx = new RegExp(malasPalabras.join("|")+"|" + "/gi");
  return (rgx.test(palabra));
}

$('#boton-guardar').click(() => {        
      
  var nombre = $("#nombretxt").val().toLowerCase();
  
  if(checkMalasPalabras(nombre) == true){
    window.alert("Mala palabra encontrada: " + nombre);
  }
  
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<h1>Input Nombre</h1> (Malas Palabras para probar nalgas, trasero y basura)
<br> 
  <input type="text" placeholder="Nombre" id="nombretxt"> <br>  <br>   
<button id="boton-guardar">Guardar</button><br>
<div>
  <label type="text" id="nombre"></label>
</div>

Espero sea lo que andas buscando. Saludos

11
  • cambiaria esto if (rgx.test(palabra)){ return true; } return false; por return (rgx.test(palabra)) Commented el 25 sept. 2018 a las 18:16
  • Listo, muchas gracias @JackNavaRow Commented el 25 sept. 2018 a las 18:19
  • David muchisimas gracias me funciona bien aunque no entiendo porque con la palabra trasero no funciona! me podrias ayudar? Commented el 25 sept. 2018 a las 19:53
  • Dejame revisarlo, te aviso Commented el 25 sept. 2018 a las 20:06
  • @AndersonRodríguez listo puedes revisar nuevamente Commented el 25 sept. 2018 a las 20:47

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.