CookBook

How to user program validation check of IM-FormaDesigner created in logic flow

Posting Date:

In this lesson, this lesson, we will show you a tip that user program validation check of IM-FormaDesigner created in logic flow.

In sample, it has realized by using spreadsheet grid table/Detail table.
※Used in the spreadsheet, please set it with reference to the following.
[IM-Spreadsheet used Guide] - [Setup method]

Completion Image

  1. The appropriate input.
    (here, is set mandatory validation check/telephone number check mail address check)
  2. At the timing press the Register button and perform the validation check.
  3. If input incorrectly, error will occur.

・Execution screen

Finished Example

Take advantage download the following and it will be complete. sample.

Recipe

  1. To create a Forma application, and place spreadsheet, grid table","Detail table in the form is represented user registration form.
  2. Create the logic flow, implement validation check function for the item.
  3. The linkage validation check logic flow by the user program.
  4. You should check if can be executed in the execution screen.

1. To create a Forma application, and place spreadsheet, grid table","Detail table in the form is represented user registration form.

In IM-BIS, we will create a registration card application screen.

  • Forma application
  • Create the application screen which includes the spreadsheet grid table/Detail table.

    ※Advanced settings of the spreadsheet
    Please of items as follows be defined as field on the sheet.
    ・Name
    ・Street address
    ・Phone number
    ・Mail address

    Should be set as a string that the following items displayed in the table.
    ・Application category
    ・Reason for application
    ・Application date(DD-MM-YYYY)

    ※Advanced settings of grid table
    Please the following items are defined as the table on the sheet.
    ・Confirmation

    Should be set as a string that the following items displayed in the table.
    ・Reception day(DD-MM-YYYY)
    ・Receptionist
    ・Completion date(DD-MM-YYYY)
    ・Manager confirmation mark

    ※Advanced settings of Detail table
    Please the following items are defined as the table on the sheet.
    ・Confirmation

    Should be set as a string that the following items displayed in the table.
    ・User registration
    ・Mail directory creation
    ・Add to mail group

2. Create the logic flow, implement validation check function for the item.

Create the logic flow in IM-LogicDesigner, implement validation check function for the item.
Here as shown below, implements the validation check.

Black star mark (★) Mandatory validation check
Phone number Telephone number validation check (including hyphen. Example: 000-0000-0000)
Mail address Mail address check (example: aaa @ com)

About the expression format of check format, please refer to below.
"IM-FormaDesigner Designer help" - "description example of check format"

  • In the logic flow, implement validation check program.
    • "user defined added" Is implemented in - "javaScript definition new creation".
  • "user script" Set the following in.
    • Detailed process contents are put comment in inline.

  • And then input/output settings.

    • "Input and Output Settings (input/output setting) " Click.
      Please set the parameter information that is passed to the input/output value.

      • Please refer to the following documentation for detailed instructions to implement validation check.
        [IM-FormaDesigner Programming Guide] - [Validation check] - [Logic flow]
      • "im_cookbook_162292_user” Please "input value" "return value" of "user definition edit/user defined common settings" of the task even if you put the same value.
・: Enter a document as above
(under "sendParam" of input value, please place the Field ID of an item and Table ID)

・Output: document as above

  • "im_cookbook_162292_user” The mapping of the task.
    • Please mapping of the table below left and right column.
Input <object> im_cookbook_162292_user1<object>
  • Finally, the mapping "end” task.
    • Mapping must be to as per the following.
im_cookbook_162292_user1/error<boolean> error<boolean>
im_cookbook_162292_user1/errorMessage<string> errorMessage<string>
im_cookbook_162292_user1/errorItems<object[]> errorItems<object[]>
im_cookbook_162292_user1/errorItems/inputId<string[]> inputId<string[]>
im_cookbook_162292_user1/errorItems/errorMessage<string> errorMessage<string>
im_cookbook_162292_user1/errorItems/localizedErrorMessages<object> localizedErrorMessages<object>
im_cookbook_162292_user1/errorItems/index<double> index<double>

4. The linkage validation check logic flow by the user program.

From "application"/"form setting"/"user program list"/"validation check program" of IM-BIS/"list"/corresponding, we will set the logic flow.

With the flow definition created program type in "logic flow".

5. You should check if can be executed in the execution screen.

In the execution screen, type in the appropriate format, make sure that you can apply.
Also performed wrong format or not entered, please check according even if error occurs.

-CookBook
-,

Author:


comment

Field that does not mail address is published. * is attached is required item

Related article

no image

How to display an indicator (loading icon) on the screen

How to display an indicator when arbitrary process is introduced here. an indicator, (be under loading) are displayed in a screen that it is currently being arbitrary processings by using icon.… By using an indicator, any

no image

How to send form submissions to a database

The steps in this tutorial show one way of sending form submissions to a Database. this as an example, contents entered in registration form created in How to create a registration form by lesson: Script Development Noboru to the database…

no image

How to on the screen which was created in IM-BloomMaker toggles display of the element hide by the value of the input items

In this lesson, we will show how to switch between display of the element depending on the input value of the input element/hide by IM-BloomMaker. actually will be explained by creating a sample screen.…

no image

Creation of list screen using $im.resolve custom scripts within the IM-BloomMaker

In this lesson, how to use in order to transit to the screen for which to show detailed information of data from the user information list screen $im.resolve is introduced. and carry out the work according to the following recipe, is displayed in the list…

no image

How to communication by using of IMBox chat in process screen of IM-BIS

In this lesson, we will show how to communication by using of IMBox chat in process screen of IM-BIS. In this paper, please create the Direct Message (or later DM) of IMBox in the matter unit,…

There is no data yet.

RSSRSSRSSRSS