Ankündigung

Einklappen
Keine Ankündigung bisher.

Zeichen-Anzahl in Eingabe begrenzen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Zeichen-Anzahl in Eingabe begrenzen

    Hallo zusammen,

    gibt es eine Möglichkeit, die Anzahl der einzugebenden Zeichen
    in einem Eingabefeld zu begrenzen und einen automatischen Sprung
    zum nächsten Eingabefeld zu erzeugen ?

    Folgendes Beispiel :
    Bei der Eingabe neuer Termine sollen das Datum und die Uhrzeit jeweils
    in einzelne Felder gesetzt werden.
    Datum : Feld1 = Tag, Feld2 = Monat, Feld3 = Jahr
    Uhrzeit : Feld4 = Stunde, Feld5 = Minute

    Weder bei Google noch hier im Forum habe ich hierzu etwas finden können.
    Lag wahrscheinlich an den unpassenden Suchbegriffen.

    Wäre für mich sehr hilfreich, wenn es diese Möglichkeiten gibt
    und irgendwer eine Idee hat.

    Gruß, Mike
    sigpic
    Mike's EEP-Welt CSC Oldenburg
    Link-Sammlung Smily-Sammlung

  • #2
    AW: Zeichen-Anzahl in Eingabe begrenzen

    Hallo,

    Ganz rein mit HTML kannst du nur definieren wie viele Zeichen max. eingegeben werden dürfen. Das geschiet mit der angabe Maxlength.
    Das sähe so aus:
    HTML-Code:
    <form name="weisdochauchnichtwas" action="auswerten.php">
    <input type="text/html" maxlength="10"></input>
    </form>
    So dürfen max. 10 Zeichen im Input vorkommen.
    Ein anderes Formular deaktivieren kannst du aber nur mit JavaScript. Wer das deaktiviert hat bekommt von der sperre also nicht's mit. Darum epfehle ich ein Script in zusammenarbeit mit der angabe maxlenght in HTML.
    Das würde ich so lösen:
    HTML-Code:
    <form name="weisdochauchnichtwas" action="auswerten.php">
    <input type="text/html" maxlength="10" id="eingabe" onchange="zeichen(eingabe, eingabe2);"></input>
    </form>
    <script type="text/javascript" language="javascript">
    function zeichen (input, todeactivate) {
    var maxzeichen = 10;
    if(document.getElementById(input).value.length <= maxzeichen) {
    document.getElementById(todeactivate).disabled = true;
    }
    }
    </script>
    Das Script untersucht bei änderung des Inhaltes wie viele Zeichen dieser Enthält. Sind dies zuviele wird das formularfeld eingabe2 deaktiviert. Zusätzlich schützt maxlength in HTML das die Zeichen nicht überschritten werden - auch für leute die JavaScript deaktiviert habenl. Die Variable maxzeichen enthält die maximal enthaltenen Zeichen(10).

    Der Code ist nicht überprüft... Evtl. entählt er noch kleine Fehler. Bitte sagen wenn jemand einen Fehler findet.

    MFG
    [ASTERIX]
    Zuletzt geändert von andre.roesti; 04.11.2007, 15:19.

    Kommentar


    • #3
      AW: Zeichen-Anzahl in Eingabe begrenzen

      Hier kann man die maximale Länge bestimmen http://de.selfhtml.org/html/formular...abe.htm#felder
      und mit Java Script kann ich mir vorstellen, funktioniert ein automatisches Umspringen.
      Oh, zu Langsam...

      Kommentar


      • #4
        AW: Zeichen-Anzahl in Eingabe begrenzen

        Moin!

        Meinst Du das so in etwa:
        Code:
        <html>
        <head>
        <title>-</title>
        
        <script type="text/javascript" language="javascript">
        function jumpToTextField(activeTextfield, nextTextfieldId) {
        	if (activeTextfield.value.length > 1)
        		document.getElementById(nextTextfieldId).focus();
        }
        </script>
        
        </head>
        
        <body>
        
        <input type="text" id="firstTextfield" size="1" onkeyup="javascript:jumpToTextField(this, 'secondTextfield');" maxlength="2"><br>
        <input type="text" id="secondTextfield" size="1" onkeyup="javascript:jumpToTextField(this, 'nextTextfield');" maxlength="2"><br>
        <input type="text" id="nextTextfield" size="1" maxlength="2">
        
        </body>
        
        </html>
        MfG Speedy

        Kommentar


        • #5
          AW: Zeichen-Anzahl in Eingabe begrenzen

          Hallo,

          Sorry, ich habe gelesen das nächste Formular soll deaktiviert werden... Nicht das der Fokus drauf gesetzt werden sollte.
          Aber vom ansatz her hatten wir ja etwa das selbe, von dem her ist diese lösung wohl schon richtig.

          MFG
          [ASTERIX]

          Kommentar


          • #6
            AW: Zeichen-Anzahl in Eingabe begrenzen

            @Asterix, mi-schi, Speedy19102000

            Erst 'mal vielen Dank für die schnellen Antworten.

            Den Zusatz "maxlength" habe ich eingetragen und er funzt.

            In punkto JavaScript bin ich noch unerfahren und muß mich da erst
            einmal reinwuseln.
            Ich habe zwar eure ganzen Anleitungen gelesen, jedoch nur
            "Bahnhof, umsteigen, Koffer klau'n" verstanden.

            Da dieser Punkt aber erst 'mal nicht allzu dringend ist, lasse ich mir
            etwas Zeit, bis ich mich mit JS etwas mehr befasst habe.

            Trotzdem Danke für die Anregungen. Wann ich sie umsetzen kann,
            wird die Zukunft zeigen.

            Gruß, Mike

            Nachtrag :
            Kann ich die Deklaration "maxlength" auch in CSS eintragen
            oder nur direkt in HTML ?
            Zuletzt geändert von sheeba1507; 04.11.2007, 15:57.
            sigpic
            Mike's EEP-Welt CSC Oldenburg
            Link-Sammlung Smily-Sammlung

            Kommentar


            • #7
              AW: Zeichen-Anzahl in Eingabe begrenzen

              Laut selfhtml nur mit HTML möglich.

              Kommentar


              • #8
                AW: Zeichen-Anzahl in Eingabe begrenzen

                Dann habe ich halt Pech gehabt.
                Aber was soll's, funzt auch so.

                Einen schönen Rest-Sonntag noch.

                Gruß, Mike
                sigpic
                Mike's EEP-Welt CSC Oldenburg
                Link-Sammlung Smily-Sammlung

                Kommentar

                homepage-forum.de - Hilfe für Webmaster! Statistiken

                Einklappen

                Themen: 57.258   Beiträge: 432.210   Mitglieder: 29.677   Aktive Mitglieder: 22
                Willkommen an unser neuestes Mitglied, Euro_crem.

                Online-Benutzer

                Einklappen

                705 Benutzer sind jetzt online. Registrierte Benutzer: 0, Gäste: 705.

                Mit 9.939 Benutzern waren am 17.05.2023 um 21:38 die meisten Benutzer gleichzeitig online.

                Die neuesten Themen

                Einklappen

                Die neuesten Beiträge

                Einklappen

                Lädt...
                X
                😀
                🥰
                🤢
                😎
                😡
                👍
                👎