modal popup

by Joe

HTML

<div class="container">
  <div class="row">
    <div class="col-md-12">
      <form class="contactForm">
        <div class="form-group col-6" style="margin-bottom: 0px;">
          <label class="col-sm-6 control-label p-sm-0 acc-merge" for="frm_acc">Select the A/c from which the records are to be transferred:*</label>
          <select class="form-control select-data .has-success" name="frm_account" id="frm_acc" required>
            <option value="">Choose an items</option>
            <option value="1">Plumz</option>
            <option value="2">Plumz2</option>
            <option value="3">Plumz3</option>
            <option value="4">Plumz4</option>
            <option value="5">Plumz5</option>
          </select>
          <div class="input-group col-sm-6 p-sm-0 form-group"></div>
        </div>
        <!-- To account name -->
        <div class="form-group col-6" style="margin-bottom: 0px;">
          <label class="col-sm-6 control-label p-sm-0 acc-merge" for="to_acc">Select the A/c to which the records are to be transferred:*</label>
          <select class="form-control select-data .has-success" name="to_account" id="to_acc" required>
            <option value="">Choose an items</option>
            <option value="1">Plumz</option>
            <option value="2">Plumz2</option>
            <option value="3">Plumz3</option>
            <option value="4">Plumz4</option>
            <option value="5">Plumz5</option>
          </select>
          <div class="input-group col-sm-6 p-sm-0 form-group"></div>
        </div>
        <button type="button" class="btn add-btn submit-btn" data-toggle="modal" data-target="#merge_err">Submit</button>
        <button type="reset" class="btn btn-default reset-btn stock_rst" style="left: 0%" id="reset-btn">Reset</button>
      </form>
    </div>
    <div>
    </div>

JavaScript

$(document).ready(function(){


 // For Disabling the submit button
  $('.submit-btn').attr('disabled',true);
  $('select').on('change', function() {
    if($('#frm_acc').val() > 0 && $('#to_acc').val() > 0) {
      $('.submit-btn').attr('disabled',false);
    }
  });

  $('.reset-btn').on('click', function() {
    $('.submit-btn').attr('disabled',true);
  });

});