Jak zmienić wszystkie wartości wejściowe na wielkie za pomocą Jquery?

Question

Chcę zmienić wszystkie moje wartości formularzy na wielkie litery przed przesłaniem formularza.

Do tej pory mam to, ale nie działa.

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

Answer 1

Spróbuj jak poniżej,

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

Należy użyć input[type=text] zamiast :input lub input jak wierzę swój zamiar mają działać tylko w polu tekstowym.

Answer 2

użycie CSS:

input.upper { text-transform: uppercase; } 

prawdopodobnie najlepiej użyć stylu i konwertować serverside. Jest również plugin jQuery zmusić wielkie: http://plugins.jquery.com/plugin-tags/uppercase

Answer 3

Można użyć 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

użyć CSS text-transform do wyświetlania tekstu w całym tekście typu wejścia. W Jquery można przekształcić wartość na wielkie litery na zdarzenie blur.

CSS:

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

Jquery.

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