Rubrik JavaScript Formulare
In dieser Sektion unserer JavaScript Sammlung befinden sich alle JavaScripts die in das Themen Formulare passen.
JavaScript - Dynamic Form Validation ![]()
Das JavaScript prüft, ob alle Angaben im Formfeld gemacht wurden und es sich um eine valide Mailadresse handelt.
Counter
ein Counter der einen Button sperrt, bis eine gewisse Zeit vergangen ist. Dann wird der Button freigegben. In der Demo als Link. In Formular z. Bsp. für AGB und ähnliches zu verwenden.
Nummernfeld
ein Nummernblock als Eingabe. Auf der Seite sieht man eine Tastatur, ähnlich die eines Taschenrechners mit den Zahlen von 0 bis 9. Die Eingabe erfolgt mit den Button über die Maus.
Counter für Eingabefeld
ein JavaScript Counter der die Buschstabenzahl runter zählt und diese anzeigt. Wichtig für begrenzte Eingaben im Formular. Der Counter übernimmt die Rolle eines Textbegrenzers und der Besucher der Seite kann so sehen, wieviele Zeichen er noch in das Formular einfügen kann.
Intelligentes Formular
eine Art intelligentes Formular. Dient nur zur Demonstration. Das Formular ist nicht mehr Zeitgemäß.
mehrfach Formular
ein Formular mit geringen Platzbedarf. Die Auswahl der einzelnen Felder wird über Reiter gesteuert. Dadurch ist es möglich mit wenig Platzaufwand sehr viele Informationen abzufragen. lohnt sich bei sehr großen Formularen. Für kleine oder normale Formulargrößen, ist das JavaScript aber nicht geeignet. Es kommt leicht zu einer "Abschreckung" des Besuchers. Man sollte es also vorsichtig einsetzen, damit es nicht als Besucherschreck dient.
Passwortcheck
Mit dem JavaScript wird die Richtigkeit der Eingabe eines Passworts überprüft. Das Script prüft nur die schreibweise, nicht das Passwort. einzusetzen z. Bsp. bein Anlegen eines Passworts.
Text Auswahl via Button
Mit dem JavaScript wird es ermöglicht, den Text in einer Textarea durch einen Button zu markieren. Nicht nur für Formulare zu gebrauchen.
Text Feld öffnet sich via Checkbox
Wenn Sie zusätzliche Informationen von Ihren Besuchern erfassen müssen, fügt dieses JavaScript dynamisch ein Text Feld direkt nach einer Checkbox hinzu.
Akzeptieren von Bedingungen
Dieses JavaScript können Sie in Formularen einsetzen, um bestimmte Bedingungen vom Besucher akzeptieren zu lassen.
Zahleneingabe dynamisch überprüfen
Das JavaScript prüft dynamisch die eingabe in ein zahlenfeld. Sollte es sich bei der eingabe nicht um eine Zahl handeln, also z. Bsp. um einen Buchstaben, wird diese automatisch gelöscht.
Validierung der Datumseingabe
Mit diesem JavaScript lässt sich die Eingabe eines Datums auf Klick validieren. So kann einfach ein falsch eingegebenes Datumsformat in ein akzeptiertes Format gewandelt werden.
Validierung der Datumseingabe V.2
Das JavaScript prüft ob es sich um ein valides Datum im Formfeld handelt.
automatische Großschreibung am Satzanfang
Ein kleines JavaScript das automatisch beim Satzanfang einen großen Buschstaben erstellt wenn bei Eingabe kleingeschrieben wird.
Texteingabe mit Ladebalken
Mit diesem JavaScript können Sie die Eingabe in einem Textfeld auf einen bestimmten Wert
limitieren. Der aktuelle Eingabestatus wird in Form eines Ladebalkens in Prozent angezeigt.
Tabellenzeile zufügen
Mit diesem JavaScript können Sie auf der Seite, durch einen Klick eine neue Zeile in einer Tabelle zufügen.
Eingabefeld zufügen und enfernen durch den Benutzer
Mit diesem JavaScript können Sie in Formularen , durch den User ein neues Eingabefeld zufügen lassen und auch wieder entfernen.
Abfrage vor Reset des Formulars
Dieses JavaScript erzeugt eine Sicherheitsabfrage vor dem Löschen der eingegebenen Daten.
Vorgaben in Eingabefeldern definieren
Mit diesem kleinen Script lassen sich in Formularen Text-Eingabefelder mit einer Vorgabe definieren. Sobald man mit der Maus in das Feld klickt, verschwindet der Text. Wird nichts eingegeben, erscheint er Text wieder.
akzeptieren von AGB Version II
Dieses JavaScript können Sie in Formularen einsetzen, um die AGB´s vom Besucher akzeptieren zu lassen.
Abfrage vor Eingabe
Dieses JavaScript erzeugt eine Sicherheitsabfrage vor dem Eingeben der Daten einen Klick in eine Checkbox verlangt.
Hinweise in Formularfeldern
Mit diesem Script können Sie in Formularfeldern Hinweise hinterlegen.
Markieren zum kopieren
Dieses JavaScript markiert den Text in der Box zum kopieren.
alles markieren Funktion II
Mit diesem JavaScript lässt sich eine ganze Textbox zum Kopieren usw. markieren.
Formfeld mit aktuellen Datum vorgeben
Mit diesem JavaScript lässt sich in einem Formularfeld das aktuelle Datum vorgeben.
Auto-Tab Funktion
Mit diesem JavaScript können Sie eine Auto-Tab Funktion in Ihre Formulare integrieren. Soll nun eine Telefonnummer, Seriennummer oder ähnliches eingegeben werden, springt der Maus- Curser nach Eingabe der definierten Zahlenanzahl in das nächste Formfeld.
alles auswählen
Mit diesem JavaScript lassen sich alle Buttons in einem Formular auswählen.
Informationsausgabe bei selektiertem Feld
Das JavaScript gibt beim Selektieren eines Feldes zusätzliche Informationen zu dem Formfeld aus.
Textbox mit exakter Zeichenanzahl
Dieses JavaScript zwingt den Besucher eine exakte Anzahl von Zeichen in eine Textbox einzugeben und springt dann zur nächsten Textbox. Es erinnert an die Codeabfrage bei Computerspielen oder bei Software.
auto Datum im Formfeld
Das JavaScript erzeugt das aktuelle Datum in einem Formfeld.
