<script> function validate_hygiene_sample(){ var sampleName = $('#sampleName').val(); if(sampleName == ''){ BootstrapDialog.alert('Please Enter Sample Name!!!'); return false; } var sampleDescription = $('#sampleDescription').val(); if(sampleDescription == ''){ BootstrapDialog.alert('Please Enter Sample Description.!!!'); return false; } $("#hygiene_sample_form").submit(); //save_employee(); } </script> <script> $(document).ready(function(e){ $("#hygiene_sample_form").on('submit', function(e){ e.preventDefault(); $.ajax({ type: 'POST', url: 'save_hygiene_sample.php', data: new FormData(this), contentType: false, cache: false, processData:false, beforeSend: function(){ // $('.submitBtn').attr("disabled","disabled"); //$('#fupForm').css("opacity",".5"); }, success: function(msg){ BootstrapDialog.alert('Hygiene Sample Saved Successfully.'); $("#flex1").flexReload(); $('.close').click(); return; }, error : function(data) { BootstrapDialog.alert('Error Saving Hygiene Sample'); $('.close').click(); return; } }); }); }); </script> <style> #modal-add-hygiene{ overflow-y:scroll; } </style> <div class="modal fade" id="modal-add-hygiene-smaple" name="modal-add-hygiene-smaple" role="dialog" aria-hidden="true"> <form role="form" id="hygiene_sample_form" name="hygiene_sample_form" action="#" method="post"> <div class="modal-dialog "> <div class="modal-content"> <div class="widget-header"> <h5 class="widget-title">Add Hygiene Sample</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="row"> <div class="form-group col-sm-6"> <label for="sample">Sample Name</label> <input style=" height:30px" type="text" class="form-control" name="hygSampleName" id="hygSampleName" placeholder="Sample Name" required/> <input type="hidden" class="form-control" name="hygSampleId" id="hygSampleId" required/> </div> <div class="form-group col-sm-6"> <label for="sampleDescription">Sample Description</label> <input style=" height:30px" type="text" class="form-control" name="sampleDescription" id="sampleDescription" placeholder="Sample Description" required/> </div> </div> <div class="widget-toolbox padding-8 clearfix" > <button type="button" class="btn btn-info btn-sm save_button" onclick="validate_hygiene_sample();"><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> </div> </form> </div>