Advertisement
jamboljack

Save Jquery Validate

Oct 12th, 2017
225
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function reload_table() {
  2.     table.ajax.reload(null,false); //reload datatable ajax
  3.     $("#nama").val('');
  4.     $("#satuan").val('');
  5.     $("#harga").val('');
  6. }
  7.  
  8. $(document).ready(function() {
  9.     var form        = $('#formInput');
  10.     var error       = $('.alert-danger', form);
  11.     var success     = $('.alert-success', form);
  12.    
  13.     $("#formInput").validate({
  14.         errorElement: 'span',
  15.         errorClass: 'help-block help-block-error',
  16.         focusInvalid: false,
  17.         ignore: "",
  18.         rules: {
  19.             nama: {
  20.                 required: true,
  21.                 remote: {
  22.                     url: "<?php echo site_url('admin/barang/register_ket_exists'); ?>",
  23.                     type: "post",
  24.                     data: {
  25.                         nama: function() {
  26.                             return $("#nama").val();
  27.                         }
  28.                     }
  29.                 }
  30.             },
  31.             satuan: {
  32.                 required: true
  33.             },
  34.             harga: {
  35.                 required: true, number: true
  36.             }
  37.         },
  38.         messages: {
  39.             nama: {
  40.                 required :'Nama Barang/Material harus di isi', remote:'Barang/Material sudah Ada'
  41.             },
  42.             satuan: {
  43.                 required :'Satuan harus di isi'
  44.             },
  45.             harga: {
  46.                 required :'Harga Satuan harus di isi', number : 'Harga Satuan harus Angka'
  47.             }
  48.         },
  49.  
  50.         invalidHandler: function (event, validator) { //display error alert on form submit              
  51.             success.hide();
  52.             error.show();
  53.             Metronic.scrollTo(error, -200);
  54.         },
  55.  
  56.         errorPlacement: function (error, element) { // render error placement for each input type
  57.             var icon = $(element).parent('.input-icon').children('i');
  58.             icon.removeClass('fa-check').addClass("fa-warning");  
  59.             icon.attr("data-original-title", error.text()).tooltip({'container': 'body'});
  60.         },
  61.  
  62.         highlight: function (element) { // hightlight error inputs
  63.             $(element)
  64.             .closest('.form-group').removeClass("has-success").addClass('has-error'); // set error class to the control group  
  65.         },
  66.  
  67.         unhighlight: function (element) { // revert the change done by hightlight
  68.         },
  69.  
  70.         success: function (label, element) {
  71.             var icon = $(element).parent('.input-icon').children('i');
  72.             $(element).closest('.form-group').removeClass('has-error').addClass('has-success'); // set success class to the control group
  73.             icon.removeClass("fa-warning").addClass("fa-check");
  74.         },
  75.        
  76.         submitHandler: function(form) {
  77.             dataString = $("#formInput").serialize(); // Ambil Value dari Form
  78.             $.ajax({
  79.                 url: "<?php echo site_url('admin/barang/savedata'); ?>",
  80.                 type: "POST",
  81.                 data: dataString,
  82.                 success: function(data) {
  83.                     swal({
  84.                         title:"Sukses",
  85.                         text: "Simpan Data Berhasil",
  86.                         showConfirmButton: false,
  87.                         type: "success",
  88.                         timer: 2000
  89.                     });
  90.                     reload_table();
  91.                 },
  92.                 error: function (jqXHR, textStatus, errorThrown) {
  93.                     alert('Error Simpan Data');
  94.                     reload_table();
  95.                 }
  96.             });
  97.         }
  98.     });
  99. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement