website stats » Eliminar espacios en blanco en cadenas con Javascript | Solo Código |

Eliminar espacios en blanco en cadenas con Javascript

Escrito por J.F. el Thursday, 23 de August del 2007 a las 16:54

Un script bastante interesante para eliminar espacios en blancos en cadenas con Javascript, tanto por la derecha, como por la izquierda, y por ambos lados. Muy útil si pretendemos realizar validaciones de cadenas en campos de texto de un formulario, para filtrar correctamente la información.

HTML:
  1.    <script language="JavaScript">
  2.  
  3.     function lTrim(sStr){
  4.      while (sStr.charAt(0) == " ")
  5.       sStr = sStr.substr(1, sStr.length - 1);
  6.      return sStr;
  7.     }
  8.  
  9.     function rTrim(sStr){
  10.      while (sStr.charAt(sStr.length - 1) == " ")
  11.       sStr = sStr.substr(0, sStr.length - 1);
  12.      return sStr;
  13.     }
  14.  
  15.     function allTrim(sStr){
  16.      return rTrim(lTrim(sStr));
  17.     }
  18.  
  19.     function prueba(){
  20.      with (document.frm){
  21.       original.value = ">" + usuario.value + "<";
  22.       lTrimmed.value = ">" + lTrim(usuario.value) + "<";
  23.       rTrimmed.value = ">" + rTrim(usuario.value) + "<";
  24.       allTrimmed.value = ">" + allTrim(usuario.value) + "<";
  25.      }
  26.     }
  27.    </script>
  28.   </head>
  29.  <body>
  30.   <form name="frm">
  31.    <table border="0">
  32.     <tr>
  33.      <td align="right">
  34.       Valor
  35.      </td>
  36.      <td>
  37.       <input type="text" name="usuario" value="    Un valor      "><br>
  38.      </td>
  39.     </tr>
  40.     <tr>
  41.      <td align="right">
  42.       Original
  43.      </td>
  44.      <td>
  45.       <input type="text" name="original" readonly><br>
  46.      </td>
  47.     </tr>
  48.     <tr>
  49.      <td align="right">
  50.       Trim izquierdo
  51.      </td>
  52.      <td>
  53.       <input type="text" name="lTrimmed" readonly><br>
  54.      </td>
  55.     </tr>
  56.     <tr>
  57.      <td align="right">
  58.       Trim derecho
  59.      </td>
  60.      <td>
  61.       <input type="text" name="rTrimmed" readonly><br>
  62.      </td>
  63.     </tr>
  64.     <tr>
  65.      <td align="right">
  66.       Trim completo
  67.      </td>
  68.      <td>
  69.       <input type="text" name="allTrimmed" readonly><br>
  70.      </td>
  71.     </tr>
  72.     <tr>
  73.      <td colspan="2" align="center">
  74.       <input type="button" value="Calcula" onclick="prueba()">
  75.      </td>
  76.     </tr>
  77.    </table>
  78.   </form>
  79.  </body>
  80. </html>

Enlace: | Vía ForosdelWeb

Comentarios (4)

Categoria: Javascript

4 Comentarios

Entradas relacionadas


Pingback de Eliminar espacios en blanco con javascripts | MaPoGoRa.Org

Realizado el Saturday, 3 de January del 2009 a las 23:50

[...] http://informatica-practica.net/ Comparte y [...]

Comentario de juan

Realizado el Thursday, 19 de November del 2009 a las 16:25

muy bueno y sencillo de usar. muy bueno gracias era lo que estaba buscando

Comentario de Kanito

Realizado el Tuesday, 8 de March del 2011 a las 3:50

Mas facil con esto :
var frasesp = frase2.replace(/ /gi, “”);

Comentario de ASD

Realizado el Wednesday, 1 de February del 2012 a las 16:53

ASDA

Escribir un comentario

Puedes usar las siguientes etiquetas HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Solo Código

Solo Código es una colección de códigos de todo tipo que pueden resultar útiles para el diseño de páginas web. Está enfocado tanto para aquellos que son expertos, como para aquellos principiantes que quieren encontrar recursos útiles, o no saben implementar determinadas funciones en sus webs. No olvides que Solo Código es un blog de Informática Práctica, donde tenemos otras secciones interesantes como:
| Tutoriales | Trucos | Software | Links | Buscar |