PAL.C.T MINI SHELL
<div class="card">
<div class="header">
<h2>
Add Staff
</h2>
</div>
<div class="body">
<form id="form" method="post" action="modul/web_contents/aksi_tambah_staff.php">
<div class="form-group form-float">
<div class="form-line">
<input type="text" class="form-control" name="username" id="username" autocomplete="off" required>
<label class="form-label">Username</label>
<input type="hidden" id="cekusername" value="0">
</div>
</div>
<script type="text/javascript">
$('#username').change(function () {
var res = this.value;
$.ajax({
url: 'modul/web_contents/ajax_cekusername.php',
type: 'POST',
data: {kode: res},
success: function(output) {
var obj = JSON.parse(output);
$('#cekusername').val(obj);
if(obj ==1){
alert("Username telah terdaftar!");
}
}
});
});
$('#username').keyup(function() {
var raw_text = $(this).val();
var return_text = raw_text.replace(/[^a-zA-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="nama_staff" required>
<label class="form-label">Nama</label>
</div>
</div>
<div class="form-group form-float">
<div class="form-line">
<input type="text" class="form-control" name="no_ktp" required>
<label class="form-label">No. KTP</label>
</div>
</div>
<div class="form-group form-float">
<div class="form-line">
<input type="text" class="form-control" name="phone_staff" required>
<label class="form-label">Phone</label>
</div>
</div>
<div class="form-group form-float">
<div class="form-line">
<input type="text" class="form-control" name="alamat_staff" required>
<label class="form-label">Alamat</label>
</div>
</div>
<div class="form-group form-float">
<div class="form-line">
<input type="text" class="form-control" name="agama" required>
<label class="form-label">Agama</label>
</div>
</div>
<div class="form-group form-float">
<div class="form-line">
<input type="text" class="form-control" name="suku" required>
<label class="form-label">Suku</label>
</div>
</div>
<div class="form-group form-float">
<div class="form-line">
<textarea name="catatan" cols="30" rows="3" class="form-control no-resize" required></textarea>
<label class="form-label">Catatan</label>
</div>
</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=staff" 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($('#cekusername').val() == 1) {
alert("Username 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`