2010-03-01 80 views
20

Tôi có một số code sẽ chuyển đổi chữ thường thành chữ hoa nhưng nó chỉ hoạt động với IE chứ không phải trong Crome hoặc Firefox.Chuyển đổi chữ cái thường thành chữ thường trong 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> 

Thậm chí tôi đã cố gắng với

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

onBlur sự kiện của hộp văn bản

Tôi nên làm gì để làm cho nó làm việc trong tất cả các trình duyệt?

Cảm ơn

Trả lời

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

javascript tách biệt với HTML của bạn

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

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

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

Nếu hộp văn bản bên trong một container đặt tên sau đó sử dụng một cái gì đó như thế này

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

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

Cảm ơn phiếu bầu của tôi :) –

17

Bạn đã thử .toUpperCase() chưa?

Links:

+7

Quá khó, dude! Là cách dễ dàng hơn để viết một hàm từ đầu: D –

+0

@Priyanka - Lỗi bạn nhận được trên hàm là gì? Nó không có ý nghĩa đối với hàm cơ sở không hoạt động. @lonut - lol: P –

+0

trình gỡ lỗi nói gì? –

3

Bạn chỉ có thể sử dụng CSS và làm text-transform:uppercase và trên trình bạn chạy toUppercase(). Hoặc bạn chỉ cần đưa ra như hỗn hợp và bạn viết hoa chữ trên phía máy chủ :)

3

Nếu bạn không muốn tạo hàm JavaScript rõ ràng, tại đây bạn có thể thực hiện nó chỉ bằng một dòng:

Chuyển đổi để giảm và chữ hoa tương ứng:

<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

Tôi có thể nói một cách đơn giản nhất là ..

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

bạn đã thử này?

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

Xin cảm ơn ... Hy vọng bạn thích điều đó.

Các vấn đề liên quan