# j-RawInput

> j-RawInput is een eenvoudige inputcomponent met een grote verborgen functionaliteit.

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

__j-RawInput__ is een eenvoudige inputcomponent met een grote verborgen functionaliteit.


__Configuratie__:

- `type {String}` Optional kan het `email`, `phone`, `password`, `zip`, `date`, `time`, `url`, `number`, `search`, `lower`, `upper` of een leeg (default)
- `required {Boolean}` optioneel, mogelijk "verplicht" (default: `false`)
- `autofocus {Boolean}` optioneel, focust op de ingang (default: `false`)
- `autofill {Boolean}` optioneel, de autofillfunctie van de browser mogelijk maakt (default: `false`)
- `placeholder {String}` optioneel, voegt een `placeholder` tekst toe aan de invoer
- `maxlength {Number}` optioneel, bepaalt een maximale lengte van de banden (default: `200`)
- `minlength {Number}` optioneel, bepaalt een minimale lengte van banden
- `minvalue {Number}` optioneel, een minimale waarde voor de `number` type
- `maxvalue {Number}` optioneel, een maximale waarde voor de `number` type
- `validate {String}` optioneel, een voorwaarde voor validatie van waarde, kan een link bevatten naar `function(value)` of `!!value.match(/[a-z]+/)`
- `format {String}` optie, output formatting enz. voor `date` Type van: `yyyy-MM-dd`Voor `time` Type van: `HH:mm`Voor `number` U kunt max. decimalen definiëren
- `disabled {Boolean}` optioneel, deze component wordt uitgeschakeld
- `autocomplete {String}` optioneel, moet een link naar een functie bevatten, wordt uitgevoerd op het evenement `focus`
- `spaces {Boolean}` optioneel, maakt ruimte anders het verwijdert ze (default: `true`)
- `autosource {String}` een weg naar `search` functie in `autocomplete`, `function(search, render(arr))`
- `autovalue {String}` een eigendomsweg voor de waarde in `autosource`, standaard: `name`
- `autoexec {String}` een pad methode `function(item, next(value_to_input))`
- `forcevalidation {Boolean}` mogelijk voor kracht validatie voor `phone` en `email` (default: `true`)
- `monospace {Boolean}` maakt `monospaced` lettertype mogelijk (default: `false`)
- `enter {String}` een link naar `function(val, com)` - geëvalueerd wanneer de gebruiker drukt
- __NEW__: `realtime {Boolean}` zorgt voor realtime binding (default: `true`)
- __NEW__: `exec {String}` een link naar de `function(value, element)` die zal worden beoordeeld als de ingang wordt beïnvloed

Gebruik het met `<ui-component name="rawinput">`Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in `DEF.fallback` (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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

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