<script> function validate(){ var emp_cadre = $('#emp_cadre').val(); if(emp_cadre == ''){ BootstrapDialog.alert('Please Enter Employee Cadre.!!!'); return false; } var remarks = $('#remarks').val(); if(remarks == ''){ BootstrapDialog.alert('Please Enter Remarks.!!!'); return false; } save_employee_cadre(); } </script> <style> #modal-add-patient{ overflow-y:scroll; } </style> <div class="modal fade" id="modal-add-emp-cadre" name="modal-add-emp-cadre" role="dialog" aria-hidden="true"> <form role="form" id="emp-cadre_form" name="emp-cadre_form" action="#" method="post"> <div class="modal-dialog"> <div class="modal-content"> <div class="widget-header"> <h5 class="widget-title">Employee Cadre Form</h5> <div class="widget-toolbar"> <div class="widget-menu"> <a href="#" class="close" data-action="close" data-dismiss="modal"> <i class="ace-icon fa fa-times"></i> </a> </div> </div> </div> <div class="modal-body"> <div class="form-group"> <label for="role">Employee Cadre Name</label> <input type="hidden" class="form-control" name="emp_cadre_id" id="emp_cadre_id" value="" required/> <input type="text" class="form-control" name="emp_cadre" id="emp_cadre" maxlength="50" placeholder="Enter Employee Cadre Name" required/> </div> <div class="form-group"> <label for="ailment">Remarks</label> <input type="text" class="form-control" name="remarks" id="remarks" maxlength="50" placeholder="Enter Remarks" required/> </div> <div class="form-group"> <label for="ailment">Medical Claim Limit</label> <input type="text" class="form-control" name="claim_limit" id="claim_limit" maxlength="50" placeholder="Enter the Medical Claim Limit" required/> </div> </div> </div> <div class="widget-toolbox padding-8 clearfix" > <button type="button" class="btn btn-info btn-sm save_button" onclick="validate();"><i class="ace-icon fa fa-floppy-o bigger-110"></i>Save </button> <button type="button" class="btn btn-danger btn-sm" data-dismiss="modal"><i class="ace-icon fa fa-times bigger-110"></i>Cancel</button> </div> </div> </div> </form> </div>