Código de JavaScript - Eliminar o reemplazar texto de un input o textarea

Imágen de perfil

Eliminar o reemplazar texto de un input o textareagráfica de visualizaciones


JavaScript

Publicado el 31 de Diciembre del 2013 por Xavi
3.784 visualizaciones desde el 31 de Diciembre del 2013. Una media de 28 por semana
Ejemplo que muestra como se cuentan las coincidencias en un texto y se eliminan del mismo.

Versión 1

Publicado el 31 de Diciembre del 2013gráfica de visualizaciones de la versión: Versión 1
3.785 visualizaciones desde el 31 de Diciembre del 2013. Una media de 28 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

Puedes ver un ejemplo aquí
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8">
    <title>Javascript - Ejemplo de reemplazo de texto</title>
    <script>
        function buscar()
        {
            // Obtenemos el valor de la cadena a buscar
            var cadena=document.getElementById("search").value;
 
            // Obtenemos el valor del textarea donde reemplazar el texto
            var textarea=document.getElementById("ta").value;
 
            // Creamos una nueva expresion regular en la que especificamos
            // la cadena a buscar con los parametros gi
            //  g=(global search) Busca en todo el texto
            //  i=(Case-insensitive) No diferencia de mayusculas y minusculas
            var re=new RegExp(cadena,"gi");
 
            // obtenemos en un array todas las coincidencias
            var coincidencias=textarea.match(re);
 
            if(coincidencias)
            {
                document.getElementById("coincidencias").innerHTML="se han encontrado "+coincidencias.length+" coincidencias";
 
                // Hacemos el reemplazo por un campo vacio, y lo mostramos en el
                // div con id=resultado
                document.getElementById("ta").value=textarea.replace(re,'');
 
            }else{
                document.getElementById("coincidencias").innerHTML="NO se ha encontrado ninguna coincidencia";
            }
        }
    </script>
    <style>
        #ta {width:500px;height:200px;}
    </style>
</head>
 
<body>
 
<h1>Buscar y eliminar un texto de un textarea</h1>
 
<form onsubmit="buscar();return false;">
    <textarea id="ta">GNU/Linux es uno de los términos empleados para referirse a la combinación del núcleo o kernel libre similar a Unix denominado Linux con el sistema GNU. Su desarrollo es uno de los ejemplos más prominentes de software libre; todo su código fuente puede ser utilizado, modificado y redistribuido libremente por cualquiera bajo los términos de la GPL (Licencia Pública General de GNU, en inglés: General Public License) y otra serie de licencias libres.
    </textarea>
 
    <br>Buscar:<input type="text" name="search" id="search" value="gnu">
 
    <br><input type="submit" value="Buscar y quitar">
</form>
 
<div id="coincidencias"></div>
 
<script>
var str = 'some /hola/ slashes', replacement = '';
var replaced = str.replace(/\/hola\//g, replacement);
console.log(replaced);
</script>
</body>
</html>



Comentarios sobre la versión: Versión 1 (0)


No hay comentarios
 

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s2572