ForgeКомпоненти
bg

Компоненти

j-RawInput

jComponent 20 · jcomponent@20 component Примерът е зареден с jComponent 20

j-RawInput е проста входна компонента с голяма скрита функционалност.


Конфигуриране:

  • type {String} Опционално, може да се email, phone, password, zip, date, time, url, number, search, lower, upper или празен (дефолт)
  • required {Boolean} опционално, позволява "необходимо" (дефолт: false)
  • autofocus {Boolean} е опционален, фокусира се върху входа (предварително: false)
  • autofill {Boolean} опционално, позволява функцията за автофил на браузъра (предварително: false)
  • placeholder {String} опционално, добавя текст на placeholder към входа
  • maxlength {Number} опционално, определяне на максимална дължина на кабелите (предварително: 200)
  • minlength {Number} опция, определя минимална дължина на камионите
  • minvalue {Number} опция, минимална стойност за тип number
  • maxvalue {Number} опция, максимална стойност за тип number
  • validate {String} опция, условие за валидиране на стойността, може да съдържа връзка към function(value) или !!value.match(/[a-z]+/)
  • format {String} Опционално, изходни форматиране и т.н. date Типът е: yyyy-MM-ddЗа time Типът е: HH:mmЗа number Можете да определите максималните десетилетия.
  • disabled {Boolean} опционално, деактивира този компонент
  • autocomplete {String} е опционален, трябва да съдържа връзка към функция, се излъчва на focus събитие
  • spaces {Boolean} е опционален, позволява пространства в противен случай те се отстраняват (предварително: true)
  • autosource {String} е пътят към функцията search в autocomplete, function(search, render(arr))
  • autovalue {String} е свойствен път за стойността в autosource, по подразбиране: name
  • autoexec {String} Методът на function(item, next(value_to_input))
  • forcevalidation {Boolean} позволява валидиране на сила за phone и email (предварително: true)
  • monospace {Boolean} активира monospaced шрифт (дефолт: false)
  • enter {String} е връзка към function(val, com) - оценява се, когато потребителят натисне
  • NEW: realtime {Boolean} позволява свързване в реално време (предварително: true)
  • NEW: exec {String} е връзка към function(value, element), която ще бъде оценена, ако входът е засегнат

Използвайте го с <ui-component name="rawinput">Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в DEF.fallback (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на MIT.

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

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