JSFiddle - React, Tailwind, and code Playground

by vandanasrivastava

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<div class="address-formLeft required-fields">
    <div class="mz-l-formfieldgroup-row mz-addressform-country">
        <div class="mz-l-formfieldgroup-cell cell-label">
            <label for="country">Select country<span class="is-required"> *</span>:</label>
        </div>
        <div class="mz-l-formfieldgroup-cell cell-data">
            <select id="country" data-mz-value="editingContact.address.countryCode">
                <option></option>
                
                    
                        <option value="AD">Andorra</option>
                    
                        <option value="AE">United Arab Emirates</option>
                    
                        <option value="AF">Afghanistan</option>
                    
                        <option value="AG">Antigua and Barbuda</option>
                    
                        <option value="AI">Anguilla</option>
                    
                        <option value="AL">Albania</option>
                    
                        <option value="AM">Armenia</option>
                    
                        <option value="AO">Angola</option>
                    
                        <option value="AQ">Antarctica</option>
                    
                        <option value="AR">Argentina</option>
                    
                        <option value="AS">American Samoa</option>
                    
                        <option value="AT">Austria</option>
                    
                        <option value="AU">Australia</option>
                    
                        <option value="AW">Aruba</option>
                    
                        <option value="AX">Aland</option>
                    
                        <option value="AZ">Azerbaijan</option>
                    
                        <option value="BA">Bosnia and Herzegovina</option>
   ...

JavaScript

const $inputs = $('.address-formLeft input');
const $selects = $('.address-formLeft select');

  const $addStudent = $('#register');
  
  $inputs.on('change keyup',function() {
    const empty = $inputs
      .filter(function() { return this.value.trim() === "" })
      .length>0;
      
      console.log(empty);
    $addStudent.prop('disabled',empty);
  });