# j-RawInput

> j-RawInput är en enkel ingångskomponent med stor dolda funktionalitet.

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

__j-RawInput__ är en enkel ingångskomponent med en stor dolda funktionalitet.


__Konfigurera__:

- `type {String}` Optionellt kan det vara `email`, `phone`, `password`, `zip`, `date`, `time`, `url`, `number`, `search`, `lower`, `upper` eller tomt (default)
- `required {Boolean}` valfritt, möjliggör "nödvändigt" (default: `false`)
- `autofocus {Boolean}` är valfritt, fokuserar på inmatningen (default: `false`)
- `autofill {Boolean}` valfritt, möjliggör webbläsarens autofillfunktion (default: `false`)
- `placeholder {String}` alternativ, lägger till en `placeholder` text i inmatningen
- `maxlength {Number}` valfritt, ställer in en maximal längd av strängar (default: `200`)
- `minlength {Number}` valfritt, ställer in en minimilängd av lådor
- `minvalue {Number}` valfritt, ett minimivärde för typ `number`
- `maxvalue {Number}` valfritt, ett maximalt värde för typ `number`
- `validate {String}` är valideringsvillkor och kan innehålla en länk till `function(value)` eller `!!value.match(/[a-z]+/)`.
- `format {String}` Optionell, utgångsformatering etc. för `date` Typ av: `yyyy-MM-dd`För att `time` Typ av: `HH:mm`För att `number` Du kan definiera max. decimals
- `disabled {Boolean}` alternativ, inaktiverar denna komponent
- `autocomplete {String}` är valfritt, måste innehålla en länk till en funktion, utlöses på `focus` händelse
- `spaces {Boolean}` valfritt, möjliggör utrymmen annars tar det bort dem (default: `true`)
- `autosource {String}` en väg till `search` funktion i `autocomplete`, `function(search, render(arr))`
- `autovalue {String}` är en fastighetssida för värdet i `autosource`, standard: `name`
- `autoexec {String}` en vägmetod `function(item, next(value_to_input))`
- `forcevalidation {Boolean}` möjliggör styrkavalidering för `phone` och `email` (default: `true`)
- `monospace {Boolean}` aktiverar `monospaced` font (default: `false`)
- `enter {String}` en länk till `function(val, com)` - utvärderas när användaren trycker in
- __NEW__: `realtime {Boolean}` möjliggör realtidsbindning (default: `true`)
- __NEW__: `exec {String}` en länk till `function(value, element)` som kommer att utvärderas om inmatningen påverkas

Använd den med `<ui-component name="rawinput">`När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i `DEF.fallback` (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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

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