2010-03-01 164 views
20

我有一個code可以將小寫字母轉換爲大寫字母,但它僅適用於IE,不適用於Crome或Firefox。在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> 

即使我試圖與文本

我應該怎麼做,使之在所有瀏覽器的

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

onBlur事件?

謝謝

回答

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

單獨的JavaScript字母

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

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

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

如果文本框是一個命名容器內,然後使用類似這樣

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

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

感謝我的投票:) –

17
+7

太難了,老兄!從頭開始編寫函數更容易:D –

+0

@Priyanka - 你在函數中收到什麼錯誤?基本功能不起作用是沒有意義的。 @lonut - lol:P –

+0

調試器說什麼? –

3

您可以簡單地使用CSS和做text-transform:uppercase並提交您運行toUppercase()。或者你只是提交的混合和你從你的HTML利用服務器端:)

3

如果您不想製作明確的JavaScript功能,您可以在一行內完成:

轉換爲小寫分別大寫:

<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

我想說的最簡單的方法是...

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

你試過嗎?

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

謝謝...希望你喜歡它。

相關問題