Làm cách nào để thay đổi tất cả các giá trị đầu vào thành chữ hoa bằng Jquery?

Question

Tôi muốn thay đổi tất cả các giá trị biểu mẫu thành chữ hoa trước khi gửi biểu mẫu.

Cho đến giờ tôi có điều này nhưng không hoạt động.

$('#id-submit').click(function() { 
     var allInputs = $(":input"); 
     $(allInputs).value.toUpperCase(); 
     alert(allInputs); 
}); 

Answer 1

Hãy thử như dưới đây,

$('input[type=text]').val (function() { 
    return this.value.toUpperCase(); 
}) 

Bạn nên sử dụng input[type=text] thay vì :input hoặc input như tôi tin rằng ý định của bạn chỉ hoạt động trên hộp văn bản.

Answer 2

sử dụng css:

input.upper { text-transform: uppercase; } 

lẽ tốt nhất để sử dụng phong cách, và chuyển đổi serverside. Ngoài ra còn có một plugin jQuery để buộc hoa: http://plugins.jquery.com/plugin-tags/uppercase

Answer 3

Bạn có thể sử dụng each()

$('#id-submit').click(function() { 
     $(":input").each(function(){ 
      this.value = this.value.toUpperCase();   
     }); 
}); 

Answer 4

$('#id-submit').click(function() { 
    $("input").val(function(i,val) { 
     return val.toUpperCase(); 
    }); 
}); 

FIDDLE

Answer 5

Sử dụng css text-transform để hiển thị văn bản trong tất cả các loại đầu vào văn bản. Trong Jquery, bạn có thể chuyển giá trị thành chữ hoa trên sự kiện mờ.

Css:

input[type=text] { 
    text-transform: uppercase; 
} 

Jquery:.

$(document).on('blur', "input[type=text]", function() { 
    $(this).val(function (_, val) { 
     return val.toUpperCase(); 
    }); 
});