Come posso modificare tutti i valori di input in maiuscolo usando Jquery?

Question

Desidero modificare tutti i valori del modulo in maiuscolo prima che il modulo venga inviato.

Finora ho questo ma non funziona.

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

Answer 1

Prova come qui di seguito,

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

si dovrebbe usare input[type=text] invece di :input o input come credo la vostra intenzione devono operare solo sulla casella di testo.

Answer 2

usare i CSS:

input.upper { text-transform: uppercase; } 

probabilmente meglio utilizzare lo stile, e convertire serverside. C'è anche un plugin jQuery per forzare maiuscolo: http://plugins.jquery.com/plugin-tags/uppercase

Answer 3

È possibile utilizzare 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

usare i CSS text-transform per visualizzare il testo in tutto il testo tipo di ingresso. In Jquery è quindi possibile trasformare il valore in maiuscolo sull'evento di sfocatura.

Css:

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

Jquery:.

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