Wie kann ich alle Eingabewerte mit Jquery in Großbuchstaben ändern?

Lesezeit: 2 Minuten

Ich möchte alle meine Formularwerte in Großbuchstaben ändern, bevor das Formular gesendet wird.

Bisher habe ich das, aber es funktioniert nicht.

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

  • allInputs.val().toUpperCase()

    – PlantTheIdea

    1. März 2013 um 17:36 Uhr

  • Lernen .val()

    – escarello

    1. März 2013 um 17:38 Uhr

  • @LifeInTheGrey val() erhält nur den Wert des ersten Elements

    – Christoph

    1. März 2013 um 17:39 Uhr

  • Entschuldigung, ich hätte mehr Kontext setzen sollen. Wenn Sie jQuery verwenden, sollten Sie jQuery .val() anstelle von Vanilla JS .value verwenden. das ist alles was ich rüberbringen wollte, sorry für die Verwirrung. daher kommentieren, nicht antworten.

    – PlantTheIdea

    1. März 2013 um 17:41 Uhr


Benutzeravatar von Selvakumar Arumugam
Selvakumar Arumugam

Versuchen Sie es wie unten,

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

Du solltest benutzen input[type=text] Anstatt von :input oder input da ich glaube, dass Ihre Absicht darin besteht, nur mit Textboxen zu arbeiten.

  • $(allInputs) sollte eigentlich $(:input) sein, $ muss nicht verdoppelt werden

    – Christoph

    1. März 2013 um 17:43 Uhr


CSS verwenden:

input.upper { text-transform: uppercase; }

wahrscheinlich am besten den Stil verwenden und serverseitig konvertieren. Es gibt auch ein jQuery-Plugin, um Großbuchstaben zu erzwingen: http://plugins.jquery.com/plugin-tags/uppercase

  • HINWEIS: Dadurch wird der Text nur in Großbuchstaben angezeigt, die zu speichernden Werte werden nicht auf diese Weise konvertiert.

    – PlantTheIdea

    1. März 2013 um 17:37 Uhr

  • @GustavoReyes Wie diese Antwort sagt, müssen Sie die Konvertierung sowieso auf dem Server durchführen. Sie können nicht sicher sein, dass der clientseitige Code ausgeführt wird.

    – Spitze

    1. März 2013 um 19:22 Uhr

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

GEIGE

Verwenden Sie css text-transform, um Text in allen Texteingabetypen anzuzeigen. In Jquery können Sie den Wert dann bei einem Unschärfeereignis in Großbuchstaben umwandeln.

CSS:

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

Jquery:

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

Sie können verwenden jeder()

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

  • “Das funktioniert wie ein Zauber” bis es auf ein ausgewähltes Element stößt.

    – Kevin B

    1. März 2013 um 17:49 Uhr

  • “Das funktioniert wie ein Zauber” bis es auf ein ausgewähltes Element stößt.

    – Kevin B

    1. März 2013 um 17:49 Uhr

1404400cookie-checkWie kann ich alle Eingabewerte mit Jquery in Großbuchstaben ändern?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy