Проверка достоверности данных с помощью виджетов ввода
  • 28 Aug 2024
  • 4 Минуты для чтения
  • Авторы

Проверка достоверности данных с помощью виджетов ввода


Вводный текст

Узнайте о способах проверки данных в Tulip с помощью виджетов, кнопок и триггеров.

Использование проверки данных при вводе оператором снижает проблемы с качеством и стандартизирует формы, используемые в вашем процессе. Если пользователь вводит значение данных, которое не соответствует требованиям проверки, появляется сообщение об ошибке. Кроме того, вы можете использовать логику триггеров, чтобы не позволить оператору продолжить работу с приложением, если введенные данные не соответствуют требованиям.

Валидация данных делает создание приложений гораздо более простым и имеет следующие преимущества:

  • Упрощение управления триггерамиСократите количество и сложность триггеров, чтобы упростить разработку и обслуживание приложений. Тратьте меньше времени на разработку приложений.
  • Создание динамических шаговДобавьте динамическое управление в приложения с помощью функций включения/выключения кнопок, обеспечивая большую интерактивность и гибкость.
  • Меньше времени на обслуживание приложенийТратьте меньше времени на проверку и понимание приложений. Копируйте и вставляйте виджеты, не заботясь о последствиях срабатывания.

Вы также можете обеспечить интуитивно понятный интерфейс приложения с помощью динамически включаемых и отключаемых кнопок.

Правила валидации, доступные для виджета ввода

Хотя для проверки данных можно использовать любой виджет ввода, некоторые входы имеют правила проверки для задания параметров данных. В таблице ниже описаны правила валидации, доступные для каждого Input Widget.

| Виджет ввода | Правила валидации | | --- | --- | | Флажок | N/A | | Текст | Содержит, Начинается с, Заканчивается с, Максимальный лимит символов, Минимальный лимит символов, Является электронной почтой, Является URL | | Многострочный | Содержит, Начинается с, Заканчивается с, Максимальный лимит символов, Минимальный лимит символов | Файл | N/A | | Число | Равно, Не равно, Больше, чем, Больше или равно, Меньше, Меньше или равно, Внутри диапазона (включительно), Вне диапазона (исключительно) | | Одиночный выбор | N/A | | Мультивыбор | Минимальный выбранный, Максимальный выбранный | | Datapicker | Is, Before, After, Inside range (inclusive), Outside range (exclusive) | | | Image | N/A | | | eSignature | N/A |

Создание правила проверки

  1. Выберите виджет ввода, для которого доступны правила проверки (см. таблицу выше).
  2. В контекстной панели нажмите значок + рядом с правилами проверки.
  3. Выберите правило, которое вы хотите добавить к виджету ввода.

Validation Rules Context Pane ex

  1. Выберите источник данных для правила проверки. Это может быть статическое значение или переменная.

Validation rules configuration ex

  1. Нажмите кнопку +, чтобы добавить дополнительные правила.

Упорядочивание правил проверки

Порядок правил проверки соответствует первому сообщению об ошибке, выдаваемому при ошибке введенного значения данных.

В приведенных ниже примерах введенные данные не удовлетворяют обоим правилам проверки. Однако показанное сообщение об ошибке относится к первому настроенному правилу.

Пример 1"Содержит тюльпан" - это первое правило, которое не сработало, поэтому сообщение об ошибке отображается соответствующим образом.

Validation Rule Order Ex1

Пример 2"Начинается с Hello" - это первое правило, которое не сработало, поэтому сообщение об ошибке отображается соответствующим образом.

Validation Rule Order Ex2

Это позволяет разработчикам приложений определять приоритет сообщений об ошибках, которые следует выдавать оператору. Чтобы изменить порядок правил проверки, нажмите на значок с шестью точками и перетащите его до или после правила.

Reorder Validation Rules

Требовать входные данные

Пометка правил проверки как обязательных добавляет правило, согласно которому для того, чтобы вводимые данные считались действительными, они должны быть заполнены оператором. Это правило можно использовать для всех типов виджетов ввода. Если виджет ввода помечен как требуемый, рядом с ним в приложении появится красная звездочка. Для этого переключите ползунок "Пометить требуемым", расположенный под заголовком раздела " Правила проверки" на контекстной панели.

Validation rules mark required

Подсказки об ошибках валидации ввода

Раскрывающийся список "Форматирование ошибок" в разделе "Правила проверки" контекстной панели предлагает варианты того, как ошибка с входными данными отображается оператору при запуске приложения в Player.

Validation rules error formatting

Существует три варианта визуализации ошибок для оператора:

  1. Показать сообщение об ошибке правила проверки* Обводит поле ввода красным цветом и выдает оператору сообщение об ошибке 2. Обвести только поле ввода* Обвести поле ввода красным цветом 3. Скрыть ошибку* Визуальная индикация отсутствует

Динамическое включение и отключение кнопок

С помощью динамических элементов управления определите, когда оператор может нажать кнопку. Когда кнопка отключена, она отображается приглушенным цветом, и оператор не сможет ее нажать.

Enabled vs disabled buttons

Этот элемент управления можно использовать даже в виджетах электронной подписи.

Enabled vs disabled eSignature

Кнопки можно динамически включать и отключать, установив для выбранной кнопки состояние Enabled в разделе Interaction контекстной панели. По умолчанию для кнопки установлено значение "Да".

button context pane enabled state yes

Существует несколько способов добавить динамический контроль для определения включенного состояния кнопки: 1. Указание булевой переменной 2. Валидность пользовательского ввода на шаге с помощью виджетов ввода, имеющих правила валидации 3. Опция "Все виджеты", которая проверяет, все ли введенные данные соответствуют правилам проверки.

Button context pane enabled state all widgets

  1. Использовать выражение

Использование выражений для включения/отключения кнопок

Если вы хотите включить или отключить кнопку на основе подмножества виджетов, выберите "Использовать выражение", чтобы написать пользовательское условие.

Вы должны написать выражение, которое оценивается как булево условие (true или false). Если вы правильно составили правильное выражение, редактор выражений укажет на это в левом нижнем углу.

Пример 1В приведенном ниже примере используется операция модуляции, чтобы определить, является ли значение, введенное в виджет ввода числа, четным или нечетным. Если значение нечетное, кнопка будет включена. Если значение четное, кнопка будет отключена.

enable-disable buttons expressions ex1(1)

Пример 2Использование выражений также позволяет объединить дополнительные условия. В приведенном ниже примере, чтобы кнопка была включена, значение должно быть нечетным и удовлетворять условиям проверки, установленным для виджета ввода чисел.

enable-disable buttons expressions ex2(1)

Введенное ниже значение приводит к тому, что кнопка отключается. Несмотря на то что введенное значение нечетное, оно не удовлетворяет правилам проверки виджета ввода.

enable-disable buttons expressions ex2 invalid input

При вводе значения ниже кнопка будет включена, поскольку введенное значение одновременно и нечетное, и удовлетворяет правилам проверки виджета ввода.

enable-disable buttons expressions ex2 valid input

Проверка виджета ввода в триггерах

Вы можете использовать проверку виджета ввода как часть условия If в триггере. Это позволяет разработчикам приложений быстро создавать логику, которая зависит не от конкретных значений, введенных операторами, а от достоверности этих значений.

Input validation trigger ex1

Информация о валидности виджета также может быть сохранена в переменных и записях таблицы с помощью триггеров.

Input validation trigger ex2


Вы нашли то, что искали?

Вы также можете зайти на community.tulip.co, чтобы задать свой вопрос или узнать, сталкивались ли другие с подобным вопросом!


Была ли эта статья полезной?