JQuery kullanarak tüm giriş değerlerini büyük harf olarak nasıl değiştirebilirim?

Question

Tüm form değerlerini form gönderilmeden önce büyük harfle değiştirmek istiyorum.

Şimdiye kadar var ama çalışmıyor.

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

Answer 1

kullanabilirsiniz: Büyük harf zorlamak için bir jQuery eklentisi de var sadece metin kutusunda çalışacak. css text-transform

Answer 2

kullanım css:

input.upper { text-transform: uppercase; } 

muhtemelen en iyi stili kullanan ve serverside dönüştürmek. Ben senin niyetini inanıyorum

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

Sen input[type=text] yerine :input veya input kullanmalıdır, http://plugins.jquery.com/plugin-tags/uppercase

Answer 3

aşağıdaki gibi deneyin 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

Kullanım tüm giriş tipi metinde metni görüntülemek için. Jquery'de, değeri bulanıklık olayında büyük harfe dönüştürebilirsiniz.

Css:

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

JQuery.

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