try validation

by Joe

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<!-- jquery validation cdn -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.2/css/bootstrapValidator.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.2/js/bootstrapValidator.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.19.0/jquery.validate.js"></script>
<form id="contactForm">

  <div class="table-wrapper">
    <div class="table-scroll">
      <table class="table table-bordered table-hover order-list" id="tab_logic">

        <tbody>
          <tr id="fst_row" class="form-group">
            <td>
              <select class="form-control sel_sel required" id="payacc" name="actname" for="actname" value="">
                <option value="">Select TDS A/c name</option>
                <option value="1">TDS A/c 1</option>
                <option value="2">TDS A/c 2</option>
                <option value="3">TDS A/c 3</option>
              </select>
            </td>
            <td class="form-group">
              <input type="text" class="form-control price required" id="pay_narrat" name="narr" for="narr" data-toggle="modal" maxlength="200" data-target="#narratModal" placeholder="Enter your text here" />

            </td>

          </tr>

        </tbody>
      </table>
    </div>
  </div>

  <div class="form-group col-4 vocSub" style="margin-bottom: 0px !important;">
    <div class="col-md-12 cashform_submit" id="">
      <input type="submit" class="btn add-btn submit-btn load cashmainBtn" id="cashSub" />

    </div>
  </div>

</form>

JavaScript

$('#cashSub').on('click', function() {
  if ($('#contactForm').valid()) {
    // do a thing here with the form data (it is valid)
    rules: {
      accountName: {
        required: true
      }
      narr: {
        required: true
      }
      debit: {
        required: true
      }
      cashactcode: {
        required: true
      }
    }
    alert('valid form');
  }
  else {
    alert('its not a valid form');
  }
  return false;
});