Convertir a mayusculas

dancresi · #1 (**permalink**) 23/06/2005, 08:14

Hola amigos como puedo validar un formulario donde si tienen activado minusculas cuando escriban dentro de la caja de textos del formulario escriban en mayusculas.

esi mi problema que tengo es que si tienen activado las minusculas o mayusculas escriba en la caja de texto mayusculas.

caricatos · #2 (**permalink**) 23/06/2005, 12:40

Hola dancresi:

Los objetos tipo string tienen un método para pasar a mayúsculas (y también a minúsculas). texto.toUpperCase(), aunque se trata de una conversión de texto "a la inglesa", para eñes, acentos y otras yerbas habría que implementarlo.

Saludos

kepawe · #3 (**permalink**) 24/06/2005, 09:20

Hola dancresi y caricatos.

El código que te envío escribe en mayúsculas, lo he probado en Mozilla, en teoría debería funcionar en Firefox también, también a partir de Opera 8 y en I.E, la idea del código para IE es de JavierB, por si las mosca he utilizado el método tu toUppercase() , hasta donde yo se sí convierte los caracteres latinos a mayúsculas sin ningún problema,al menos en los anteriores navegadores mencionados, también un ejemplo de como validar si está en mayúsculas al hacer submit, falta comprobar si el campo está vacío y recortar los espacios en ambos lados de la cadena, pero se puede poner sin ningún problema, en la FAQ podrás encontrar varios ejemplos, bueno

son muchas comprobaciones pero nunca están demás, ya que por ejemplo si el usuario pega un texto en minúsculas, ya se saltaría el código que impide escribir minúsculas mientras se escribe.

Código:

<html>
<head>
<title>Escribir solo en  mayúsulas</title>
<script type="text/javascript">
function validate_form(current_form){
 var ctr_error = 0
	for(var ctr = 0; c_form = current_form[ctr];ctr++){
		if(c_form.type == "text"){
		  if(c_form.value.search(/[a-zñá-ú]/) == -1) {
		  alert("Todas el texto está en mayúsculas\n" +
		  "en el campo " + c_form.name);
		  
		  }
		  else {
		  alert("El texto no está escrito en su totalidad en mayúsculas\n" +
		  "en el campo " + c_form.name);
		  
		  ctr_error++;
		  }
		}
	
	}
	if(ctr_error > 0) return false;
	else return true;



}
function pulsar(e) {
  tecla = (document.all) ? e.keyCode : e.which;
  if(tecla == 9 || tecla == 0) return false;
  if(tecla == 8) return true;
  if(window.Event){
      var pst = e.currentTarget.selectionStart;
      var string_start = e.currentTarget.value.substring(0,pst);
      var string_end = e.currentTarget.value.substring(pst ,e.currentTarget.value.length);
      e.currentTarget.value = string_start+ String.fromCharCode(tecla).toUpperCase()+ string_end;
      e.currentTarget.selectionStart = pst + 1;
      e.currentTarget.selectionEnd = pst + 1;
      e.stopPropagation();
      return false;
  }
  else if (window.event){
  
  return e.keyCode =   String.fromCharCode( e.keyCode ).toUpperCase().charCodeAt(0);
  }
}
</script>
</head>
<body>
<form name="form1" onsubmit = "return validate_form(this)">
Texto 1 <br>
<input type="text" name="texto1" size="50" onkeypress="return pulsar(event)" onblur="this.value = this.value.toUpperCase()"/>
<br>
Texto 2 <br>
<input type="text" name="texto2" size="50" />
<input type="submit" value="enviar">
</form>
</body>
</html>

Espero que te sirva.

Saludos

xknown · #4 (**permalink**) 24/06/2005, 11:29

Como había contestado en un mensaje anterior, se puede hacer más fácilmente con css:

Código:

<html>
<head>
<style type="text/css">
.mayus {
	text-transform: uppercase;	
}
</style>
</head>
<body>
<input type="text" class="mayus" />
</body>
</html>

Saludos

JavierB · #5 (**permalink**) 24/06/2005, 12:13

Hola xknown

Lo malo de hacerlo con Css es que cuando se envíe el formulario lo enviará en minúsculas.

Saludos,

xknown · #6 (**permalink**) 24/06/2005, 13:55

Tienes razón, pero eso se puede manejar con más fácilidad en el lenguaje que se utilize en el servidor.

Saludos

kepawe · #7 (**permalink**) 25/06/2005, 03:25

Hola de nuevo.

xknown, tienes razón, aparte de las razones que ya has dado, es soportado por la mayoría de los navegadores.

Saludos: adios:

JavierB · #8 (**permalink**) 25/06/2005, 03:31

Cita:

Iniciado por xknown

Tienes razón, pero eso se puede manejar con más fácilidad en el lenguaje que se utilize en el servidor.

Pues también es verdad. Si estoy hablando de mandar el formulario, se supone que tengo algún lenguaje para recibirlo

Es que a veces se me atasca la neurona.

Saludos,