» Pasar una cadena a mayÃºsculas con Javascript

Pasar una cadena a mayÃºsculas con Javascript

Escrito por J.F. el Tuesday, 7 de August del 2007 a las 14:23

Las operaciones con cadenas son algo fundamental practicamente en todos los lenguajes de programaciÃ³n. Suele ser necesario darles un formato, para asÃ poder tratar con mayor facilidad los datos. En Ã©sta ocasiÃ³n vamos a ver al proceso a llevar a cabo para pasar una cadena a mayÃºsculas. Para ello vamos a usar la funciÃ³n de Javascript `toUpperCase(),` que es la encargada de convertir cada caracter a mayÃºscula. Veamos la funciÃ³n:

TEXTO PLANO

JavaScript:

<head>

<script>

function pasarMayusculas(cadena) {

var result="";

var str = cadena.split('');

for(i=0; i<=str.length-1; i++) {

str[i] = str[i].toUpperCase();

result+=str[i];

}

alert(result); //return(result);

}

</script>

</head>

El cÃ³digo HTML puede variar en funciÃ³n de lo que queramos hacer, pero para poner un sencillo ejemplo vamos a emplear un campo de texto que al perder el foco se nos muestre en un alert la palabra convertida a mayÃºsculas:

TEXTO PLANO

HTML:

<body>

<form name="formulario">

<input type="text" name="valor" onBlur="pasarMayusculas(this.value);">

</form>

</body>

En caso de que queramos realizar la operaciÃ³n inversa, es decir, pasar la cadena a minÃºsculas, tan solo habrÃ¡ que sustituir la lÃnea

TEXTO PLANO

JavaScript:

str[i] = str[i].toUpperCase();

por

TEXTO PLANO

JavaScript:

str[i] = str[i].toLowerCase();

Comentarios (6)

Categoria: Javascript

Añadir este post a

Del.icio.us -

Meneame -

Digg -

Webeame

6 Comentarios

Entradas relacionadas

Comentario de JUAN CARLOS

Realizado el Wednesday, 10 de October del 2007 a las 1:31

tambien si usas la funcion directamente en la variable, lo hace sin tener que recorrer toda la cadena a traves de su indice, saludos de Ã‘OLITA

Comentario de J.F.

Realizado el Wednesday, 10 de October del 2007 a las 8:35

SÃ tienes razÃ³n, lo que pasa es que yo vengo de C, y en C se hace asÃ Se puede hacer facilmente de la siguiente manera, pasÃ¡ndole el objeto a la siguiene funciÃ³n:

function Mayusculas(obj){
obj.value=obj.value.toUpperCase();
}

Saludos.

Comentario de Edgar hdez

Realizado el Friday, 29 de August del 2008 a las 22:42

Pasara a mayuculas con html

saludos

Comentario de Edgar hdez

Realizado el Friday, 29 de August del 2008 a las 22:42

pasar a mayuculas con html

Comentario de Edgar hdez

Realizado el Friday, 29 de August del 2008 a las 22:43

“”

“>

Comentario de kava

Realizado el Wednesday, 30 de June del 2010 a las 8:40

y como hago si no quiero que la cadena me la devuelva en un alert si no en la misma caja de texto? probe con return (result) pero no lo hace, es una pagina en aspx…

Escribir un comentario