<script> function validate() { var ambulance_category = $('#ambulance_category').val(); if (ambulance_category == '') { BootstrapDialog.alert('Please Enter ambulance category Name .!!!'); return false; } save_section(); } </script> <style> #modal-add-ambcategory { overflow-y: scroll; } </style> <div class="modal fade" id="modal-add-amb_category" role="dialog" aria-hidden="true"> <form role="form" id="ambulance_category_form" name="ambulance_category_form" action="#" method="post"> <div class="modal-dialog"> <div class="modal-content"> <div class="widget-header"> <h5 class="widget-title">Add Ambulance Category Details</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="">Ambulance Category</label> <input type="hidden" class="form-control" name="ambulance_category_id" id="ambulance_category_id" value="" /> <input type="text" class="form-control" name="ambulance_category" id="ambulance_category" placeholder="ENTER AMBULANCE CATEGORY" value="" /> </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>