Comment puis-je modifier toutes les valeurs d'entrée en majuscules en utilisant Jquery?

Je veux changer tous mes valeurs d'un formulaire en majuscules avant que le formulaire est soumis.

Pour l'instant j'ai ceci mais ça ne fonctionne pas.

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

source d'informationauteur Gustavo Reyes

  1. 35

    Essayer comme ci-dessous,

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

    Vous devez utiliser input[type=text] au lieu de :input ou input que je crois que votre intention est de fonctionner sur la zone de texte seulement.

  2. 16

    utiliser les css :

    input.upper { text-transform: uppercase; }

    probablement préférable d'utiliser le style, et de convertir de la serverside. Il y a aussi un plugin jQuery pour forcer les majuscules: http://plugins.jquery.com/plugin-tags/uppercase

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

    VIOLON

  4. 3

    Vous pouvez utiliser chacun()

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

    Utiliser les css text-transform pour afficher le texte dans tous les input de type texte.
    En Jquery, vous pouvez alors transformer la valeur en lettres majuscules sur le flou de l'événement.

    Css:

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

    Jquery:

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