Поле tel ​

Поле используется для ввода численных значений.

• Ключевое слово tel.
• WhatWG Спецификация.

Параметры ​

autofocus Необязательный ​

• Тип boolean | 'true' | 'false'

Если данный параметр передаётся, при установке данного поля, на него будет автоматически передано управление.

Так же все параметры, общие для всех FormField. Информацию о них можно посмотреть на этой странице.

Значение ​

Данное поле работает со строковым значением.

• Поле доступно при использовании Tab и Shift + Tab.
• Блокировка отменяет навигацию через Tab.
• Блокировка поля изменяет стилистику number.
• Ошибка валидации изменяет стилистику number.
• Результирующим значением поля является строка цифр.
• Формат поля используется исключительно для ввода мобильных номеров. В иных случаях необходимо воспользоваться text и атрибутами pretty/modify.
• Поле должно отображать иконку страны, к которой принадлежит введённый телефон, пустую - в случае, если номер не удалось обработать. Анализ введённых данных лежит на libphonenumber-js.
• Иконки, используемые для отображения принадлежности к стране, берутся с flagcdn.com.

Пример ​

Для данного поля нет дополнительных обязательных параметров, по этому нам необходимо указать лишь type и name:

<form-field name = "phone" type="tel"/>

<form-field name = "phone" type="tel"/>

import {FormField} from "jenesius-vue-form";

import {FormField} from "jenesius-vue-form";

Поле по умолчанию:

В заблокированном состоянии:

Поле не прошло валидацию:

Текущее состояние формы:

{}

{}