PAL.C.T MINI SHELL
<div class="card">
<div class="header">
<h2>
Add Promo
</h2>
</div>
<div class="body">
<form id="form" method="post" action="modul/web_contents/aksi_tambah_promo.php">
<div class="form-group form-float">
<div class="form-line">
<input type="text" class="form-control" name="kode" id="kode" autocomplete="off" required>
<label class="form-label">Kode</label>
<input type="hidden" id="cekkode" value="0">
</div>
<div class="help-info">input dengan A-Z & 0-9</div>
</div>
<script type="text/javascript">
$('#kode').change(function () {
var res = this.value;
$.ajax({
url: 'modul/web_contents/ajax_cekkodepromo.php',
type: 'POST',
data: {kode: res},
success: function(output) {
var obj = JSON.parse(output);
$('#cekkode').val(obj);
if(obj ==1){
alert("Kode telah terdaftar!");
}
}
});
});
$('#kode').keyup(function() {
var raw_text = $(this).val();
var return_text = raw_text.replace(/[^A-Z0-9]/g,'');
$(this).val(return_text);
});
</script>
<div class="form-group form-float">
<div class="form-line">
<input type="text" class="form-control" name="judul" required>
<label class="form-label">Judul</label>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="input-group date" id="datepicker1">
<label class="form-label">Tgl. Mulai</label>
<div class="form-line">
<input type="text" class="form-control" name="tgl_mulai" autocomplete="off" required="">
</div>
<span class="input-group-addon">
<i class="material-icons">date_range</i>
</span>
</div>
</div>
<div class="col-md-4">
<div class="input-group date" id="datepicker2">
<label class="form-label">Tgl. Akhir</label>
<div class="form-line">
<input type="text" class="form-control" name="tgl_akhir" autocomplete="off" required="">
</div>
<span class="input-group-addon">
<i class="material-icons">date_range</i>
</span>
</div>
</div>
</div>
<div class="form-group form-float">
<div class="form-line">
<textarea name="short_detail" cols="30" rows="3" class="form-control no-resize" required=""></textarea>
<label class="form-label">Short Detail</label>
</div>
</div>
<div class="form-group form-float">
<div class="form-line">
<textarea name="long_detail" cols="30" rows="3" class="form-control no-resize" required=""></textarea>
<label class="form-label">Long Detail</label>
</div>
</div>
<div class="form-group form-float">
<label>Foto</label>
<input type="file" name="foto1" id="foto1" accept=".jpg" onchange="readURL1(this);"><br>
<img src="" id="showfoto1" class="img-responsive pull-left" style="max-height: 170px">
<span class="txt-clue pull-left" style="margin-left: 10px">file size: 500KB<br>
format: JPG<br>
size: 500x500px
</span>
<div class="clearfix"></div>
<script type="text/javascript">
function readURL1(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
var file = input.files[0];
var sizeKB = file.size / 1024;
if(sizeKB < 500){
reader.onload = function (e) {
$('#showfoto1')
.attr('src', e.target.result);
};
reader.readAsDataURL(input.files[0]);
}else{
alert("max: 500KB");
$('#foto1').val("");
}
}
}
</script>
</div>
<div class="form-group form-float">
<button class="btn btn-success btn-lg waves-effect" type="submit"><i class="material-icons">add</i> TAMBAH</button>
<a href="media.php?module=promo" class="btn btn-danger btn-lg waves-effect"><i class="material-icons">arrow_back</i> KEMBALI</a>
</div>
</form>
<script type="text/javascript">
$(document)
.on('click', 'form button[type=submit]', function(e) {
if($('#cekkode').val() == 1) {
alert("Kode telah terdaftar!");
e.preventDefault();
}
});
</script>
<script>
$('form').submit(function(){
$(this).find('button[type=submit]').prop('disabled', true);
});
</script>
</div>
</div>
y~or5J ={Eeu磝Qk ᯘG{?+]ן?wM3X^歌>{7پK>on\jy R g/=fOroNVv~Y+ NGuÝHWyw[eQʨSb> >}Gmx[o[<{Ϯ_qF vM IENDB`