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 Jueves, 23 de Agosto 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

Categoria: Javascript

No hay comentarios

Entradas relacionadas


Deja un comentario

Escribir un comentario

Puedes usar las siguientes etiquetas HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <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 |