2010-03-01 24 views
20

Tengo un code que convertirá letras minúsculas en mayúsculas pero funciona solo con IE y no en Crome o Firefox.Convertir letras minúsculas a mayúsculas en javascript

function ChangeToUpper() 
    {   
      key = window.event.which || window.event.keyCode; 

      if ((key > 0x60) && (key < 0x7B)) 
      window.event.keyCode = key-0x20; 
    } 



<asp:TextBox ID="txtJobId" runat="server" MaxLength="10" onKeypress="ChangeToUpper();"></asp:TextBox> 

Incluso he intentado con

document.getElementById("txtJobId").value=document.getElementById("txtJobId").value.toUpperCase(); 

caso onBlur del cuadro de texto

¿Qué debo hacer para que funcione en todos los navegadores?

Gracias

Respuesta

25
<script type="text/javascript"> 
    function ChangeCase(elem) 
    { 
     elem.value = elem.value.toUpperCase(); 
    } 
</script> 
<input onblur="ChangeCase(this);" type="text" id="txt1" /> 

Javascript separado de su HTML

window.onload = function(){ 
     var textBx = document.getElementById ("txt1"); 

     textBx.onblur = function() { 
      this.value = this.value.toUpperCase(); 
     }; 
    }; 

<asp:TextBox ID="txt1" runat="server"></asp:TextBox> 

Si el cuadro de texto está dentro de un contenedor de nombres a continuación, utilizar algo como esto

var textBx = document.getElementById ("<%= txt1.ClientID %>"); 

      textBx.onblur = function() { 
       this.value = this.value.toUpperCase(); 
      };) 
+0

Gracias mi voto :) –

17

¿Usted ha intentado .toUpperCase()?

Enlaces:

+7

Demasiado difícil, amigo! Es mucho más fácil escribir una función desde cero: D –

+0

@Priyanka - ¿Qué es un error que recibe en la función? No tiene sentido que la función base no funcione. @lonut - lol: P –

+0

¿Qué dice el depurador? –

3

puede simplemente usar CSS y hacer text-transform:uppercase y en presentar ejecuta toUppercase(). O simplemente envía como mezclado y sacar provecho letras en el lado del servidor :)

3

Si no desea hacer una función de JavaScript explícita, aquí puede hacerlo en una sola línea:

Convertir a

inferior y superior, respectivamente caso:

<asp:TextBox ID="txt1" onblur='this.value = this.value.toLowerCase();'></asp:TextBox> 
<asp:TextBox ID="txt1" onblur='this.value = this.value.toUpperCase();'></asp:TextBox> 
0

Yo diría que la forma más fácil es ..

<input id="yourid" style="**text-transform: uppercase**" type="text" /> 
0

¿Has probado esto?

var myString = "this is a String"; 
alert(myString.toUpperCase()); // "THIS IS A STRING" 
alert(myString.toLowerCase()); // "this is a string" 

Gracias ... Espero que te guste.

Cuestiones relacionadas