How to create a custom field with ui component that has a limit type character?

Question

I have a custom admin form, but i do not know how to create 2 differences field For example: i want to create 2 fields are: employee_number and employee_insurance But each field has a limit amount of number, employee_number can only insert number but it must has 6 character like 123456, while employee_insurance can only insert number but it must has 16 character like 1234567891234567. How can i make this and i really need help

Answer 1

Try This Code

......................................................................
......................................................................
......................................................................

    <field name="employee_number" sortOrder="20" formElement="input">
        <argument name="data" xsi:type="array">
            <item name="config" xsi:type="array">
                <item name="source" xsi:type="string">employee_number</item>
            </item>
        </argument>
        <settings>
            <validation>
                <rule name="required-entry" xsi:type="boolean">true</rule>
                <rule name="max_text_length" xsi:type="number">6</rule>
                <rule name="min_text_length" xsi:type="number">6</rule>
            </validation>
            <dataType>text</dataType>
            <label translate="true">Employee Number</label>
            <dataScope>employee_number</dataScope>
        </settings>
    </field>
    <field name="employee_insurance" sortOrder="20" formElement="input">
        <argument name="data" xsi:type="array">
            <item name="config" xsi:type="array">
                <item name="source" xsi:type="string">Employee Insurance</item>
            </item>
        </argument>
        <settings>
            <validation>
                <rule name="required-entry" xsi:type="boolean">true</rule>
                <rule name="max_text_length" xsi:type="number">16</rule>
                <rule name="min_text_length" xsi:type="number">16</rule>
            </validation>
            <dataType>text</dataType>
            <label translate="true">Employee Insurance</label>
            <dataScope>employee_insurance</dataScope>
        </settings>
    </field>
......................................................................
......................................................................
......................................................................

Output: https://prnt.sc/cWyFuPeXUPUN