cách kiểm soát hoặc thay đổi tất cả văn bản thành chữ hoa

Question

Tôi đang phát triển một vài biểu mẫu để công ty của tôi sử dụng. Tôi tham khảo và chèn dữ liệu vào cơ sở dữ liệu, nhưng đối với các vấn đề tiêu chuẩn tôi muốn chuyển văn bản tôi nhập vào chữ hoa, tôi làm như thế nào?

Ví dụ về một trong các hình thức của tôi:

Tôi muốn các trường văn bản tôi nhập tự động chuyển thành chữ hoa, hoặc các dữ liệu mà tôi nhập vào cơ sở dữ liệu của tôi đã chuyển thành chữ hoa (trong trường hợp mà người dùng doesn' t nhập nó theo cách đó).

---

EDIT:

tôi cố gắng

$("tbCiudad").change(function() { 
    $(this).val($(this).val().toUpperCase()); 
}); 

hoặc

$("tbCiudad").keyup(function() { 
    $(this).val($(this).val().toUpperCase()); 
}); 

và không có gì xảy ra đối với lĩnh vực đó. Tôi đang làm gì sai?

Answer 1

$("input[type=text]").keyup(function(){ 
    $(this).val($(this).val().toUpperCase()); 
}); 

Answer 2

Sử dụng đồng bằng cũ JavaScript sử dụng toUpperCase()

Answer 3

Sử dụng javascript phương pháp toUpperCase.

Tôi cũng chắc chắn có một chức năng trong ASP để làm điều đó như strtoupper trong PHP

Answer 4

Bạn có thể sử dụng phương pháp javacsript toUpperCase() cho chuyển đổi này.

Answer 5

Bạn có thể thêm một event handler với javascript (hoặc jquery nếu bạn muốn) để keypress hoặc blur sự kiện của những textbox và sau đó áp dụng những gì Jay Blanchard đề nghị. Một cái gì đó như thế này:

$("input[type='text']").bind("blur", null, function(e) { 
    $(this).val($(this).val().toUpperCase()); 
}); 

Answer 6

Chỉ cần áp dụng lớp CSS cho tất cả các trường bắt buộc: -

.uppercase 
{ 
    text-transform: uppercase; 
} 

Tham khảo CSS text-transform Property

Answer 7

Bạn có muốn lưu nó hoặc chỉ hiển thị nó trong chữ hoa?

Nếu bạn chỉ cần hiển thị, bạn có thể CSS:

<style type="text/css"> 
input { 
    text-transform:uppercase; 
} 
</style> 

Nếu bạn muốn lưu nó trong chữ hoa, server-side là cách tốt nhất để làm điều đó. Tôi khuyên bạn nên tạo một ModelBinder tùy chỉnh có thể gọi String.ToUpper trên mọi thuộc tính chuỗi.

Bạn cũng có thể kết hợp cả hai chiến lược này.

Answer 8

Sử dụng chức năng này

<script type="text/javascript" language="javascript"> 
     $(document).ready(function(){ 
     $("#text_field_id").keyup(function() { 
     $(this).val($(this).val().toUpperCase()); 
     }); 
     }); 
</script>