j-RawInput

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

j-RawInput ist ein einfacher Eingabekomponent mit einer großen versteckten Funktionalität.

Konfiguration:

type {String} Optionell kann man email, phone, password, zip, date, time, url, number, search, lower, upper oder leer (default)
required {Boolean} optional, aktiviert „erforderlich“ (Standard: false)
autofocus {Boolean} optionale, konzentriert sich auf den Eingang (Default: false)
autofill {Boolean} optionale, ermöglicht die Autofill-Funktion des Browsers (Default: false)
placeholder {String} optional, fügt der Eingabe einen placeholder-Text hinzu
maxlength {Number} optional, legt eine maximale Zeichenlänge fest (Standard: 200)
minlength {Number} optional, legt eine Mindestlänge von Zeichen fest
minvalue {Number} optional, ein Mindestwert für den Typ number
maxvalue {Number} optional, ein Maximalwert für den Typ number
validate {String} optional, eine Bedingung zur Validierung des Werts, kann einen Link zu function(value) oder !!value.match(/[a-z]+/) enthalten
format {String} optional, Ausgabeformatierung z.B. für date Typ: yyyy-MM-dd, für time Typ: HH:mm, für number können Sie max. Dezimalstellen
disabled {Boolean} optional, deaktiviert diese Komponente
autocomplete {String} optional, muss einen Link zu einer Funktion enthalten, wird beim Ereignis focus ausgelöst
spaces {Boolean} optional, aktiviert Leerzeichen, andernfalls werden sie entfernt (Standard: true)
autosource {String} ein Pfad zur Funktion search in autocomplete, function(search, render(arr))
autovalue {String} ein Eigenschaftspfad für den Wert in autosource, Standard: name
autoexec {String} eine Pfadmethode function(item, next(value_to_input))
forcevalidation {Boolean} ermöglicht die erzwungene Validierung für phone und email (Standard: true)
monospace {Boolean} aktiviert die Schriftart monospaced (Standard: false)
enter {String} ein Link zu function(val, com) – ausgewertet, wenn der Benutzer die Eingabetaste drückt
NEU: realtime {Boolean} ermöglicht Echtzeitbindung (Standard: true)
NEW: exec {String} eine Verbindung zum function(value, element) wird beurteilt, wenn der Eingang betroffen ist

Verwenden Sie es mit <ui-component name="rawinput">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

example.html

<ui-component name="rawinput" path="form.name"></ui-component>

<script>
	var form = { name: 'Peter' };
</script>