<script> function validate(){ var designation_name = $('#designation_name').val(); if(designation_name == ''){ BootstrapDialog.alert('Please Enter Designation Name.!!!'); return false; } var designation_desc = $('#designation_desc').val(); if(designation_desc == ''){ BootstrapDialog.alert('Please Enter Designation Discription.!!!'); return false; } var designation_code = $('#designation_code').val(); if(designation_code == ''){ BootstrapDialog.alert('Please Enter Designation Code.!!!'); return false; } save_designation(); } </script> <style> #modal-add-designation{ overflow-y:scroll; } </style> <div class="modal fade" id="modal-add-designation" name="modal-add-designation" role="dialog" aria-hidden="true"> <form role="form" id="designation_form" name="designation_form" action="#" method="post"> <div class="modal-dialog"> <div class="modal-content"> <div class="widget-header"> <h5 class="widget-title">Designation</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">Designation Name</label> <input type="hidden" class="form-control" name="designation_id" id="designation_id" value="" required/> <input type="text" class="form-control" name="designation_name" id="designation_name" placeholder="Enter Designation Name" required/> </div> <div class="form-group"> <label for="ailment">Designation Discription</label> <input type="text" class="form-control" name="designation_desc" id="designation_desc" placeholder="Enter Designation Discription" required/> </div> <div class="form-group"> <label for="ailment">Designation Code</label> <input type="text" class="form-control" name="designation_code" id="designation_code" placeholder="Enter Designation Code" required/> </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>