JSFiddle - React, Tailwind, and code Playground

by Academia

HTML

<select id="option">
  <option value="Yes">Yes</option>
  <option value="No">No</option>
</select>
<input type="text" id="text"></input>

JavaScript

$(document).ready(function () {
    validate();
});

$(document).on('change', '#option,#text', validate);

function validate(){
    if($('#option').val() == 'Yes'){
        if ( $('#text').val() ==''){
           $('#text').css('border','1px solid red');
           error = true;
        } 
    }else {
            $('#text').css('border','1px solid green');
            error = false;
    }
};