# j-RawInput

> j-RawInput ist eine einfache Eingabekomponente mit einer großen versteckten Funktionalität. Es ist für zusätzliche Anpassungen vorgesehen.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: de
Content-SHA256: facae6fd06f3250f7cbd8b243377393bbed38d7816c0477c303fec3db94e2cdf
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

__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.

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

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