$(function () {
    $('#example1').DataTable({
      responsive: true
    });
  });
 
function readURL(input) {
  if (input.files && input.files[0]) {
    var reader = new FileReader();
    
    reader.onload = function (e) {
      $('#imageTag').attr('src', e.target.result);
    }
    reader.readAsDataURL(input.files[0]);
  }
}
$("#serviceImage").change(function(){
  readURL(this);
});
  

 $("#serviceAddForm").validate({
    rules: {
        service_name: {
            required: true
        },
        short_desc: {
            required: true,
        }, 
    },
    messages: {
        service_name: {
            required: "Service Name is required field.",
        },
        short_desc: {
            required: "Description is required field.",
        },
    }, 
});
 
$("#serviceEditForm").validate({ 
  rules: {
      service_name: { 
          required: true,
      } 
  },
  messages: {
      service_name: {
          required: "Service Name is Required Field.",
      },
  },
});