Magento 2 Admin Ui Component Edit Form Validation based on Dropdown selection

Question

I am trying to give required field validation on textbox which is depend on dropdown selected value.

Dropdown have 2 values 1. Yes 2.No.

If dropdown selected value is Yes than textbox is mandatory else not.

This thing i want in Admin grid edit form in magento 2.

Any help will appreciated.

Thanks in advance

Answer 1

Try this way:

Add JS component to your text field.

ui_component/UiForm.xml

<item name="component" xsi:type="string">Namespace_Modulename/js/form/element/text</item>

Write logic in your JS

app/code/Namespace/Modulename/view/adminhtml/web/js/form/element/text.js

define([
    'jquery',
    'underscore',
    'uiRegistry',
    'Magento_Ui/js/form/element/text',      
    'Magento_Ui/js/modal/modal'
], function ($,_, uiRegistry, text, modal) {
    'use strict';
    return select.extend({      

        initialize: function (){
            this.addValidation();
        },
        addValidation: function(){
            selectValue = $('input[name="labelconfig[select_field]"]').val();
            if(selectValue == 'yes') {
                $('input[name="labelconfig[text_field]"]').addClass("add magento validation class name");
            }
        }, 
    });
});

I hope it helps!