Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script src="js/ckeditor/ckeditor.js"></script>
- <script src="js/ckeditor/config.js"></script>
- <script src="assets/jquery-1.4.js"></script>
- <script type="text/javascript" src="assets/jquery.validate.js"></script>
- <style type="text/css">
- .form-div .label {
- display: block;
- float: left;
- width: 150px;
- text-align: right;
- margin-right: 5px;
- }
- .form-div .form-row {
- padding: 5px 0;
- clear: both;
- width: 700px;
- }
- .form-div label.error {
- width: 250px;
- display: block;
- float: left;
- color: red;
- padding-left: 10px;
- background: url(unvalid.gif) no-repeat;
- }
- .form-div input {
- width: 180px;
- float: left;
- font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
- font-size:11px;
- }
- .form-div label.valid {
- width: 24px;
- background: url(true.png) center no-repeat;
- display: inline-block;
- text-indent: -9999px;
- }
- .error{background: #FFEBE8;}
- </style>
- <script>
- $(document).ready(function()
- {
- $("#username").change(function()
- {
- var username = $("#username").val();
- $("#pesan").html("<img src='loading.gif'>Cek username ...");
- if(username=='')
- {
- $("#pesan").html('<img src="salah.png"> username tidak boleh kosong');
- $("#username").css('border', '3px #C33 solid');
- }
- else
- $.ajax({type: "POST", url: "validationadmin.php", data: "username="+username, success:function(data)
- {
- if(data==0)
- {
- $("#pesan").html('<img src="true.png">');
- $("#username").css('border', '3px #090 solid');
- }
- else
- {
- $("#pesan").html('<img src="salah.png"> username telah digunakan');
- $("#username").css('border', '3px #C33 solid');
- }
- } });
- })
- $("#submit").click(function()
- {
- var username = $("#username").val();
- $("#pesan").html("<img src='loading.gif'>Cek username ...");
- if(username=='')
- {
- $("#pesan").html('<img src="salah.png"> username tidak boleh kosong');
- $("#username").css('border', '3px #C33 solid');
- }
- else
- $.ajax({type: "POST", url: "validation.php", data: "username="+username, success:function(data)
- {
- if(data==0)
- {
- $("#pesan").html('<img src="true.png">');
- $("#username").css('border', '3px #090 solid');
- }
- else
- {
- $("#pesan").html('<img src="salah.png"> username telah digunakan');
- $("#username").css('border', '3px #C33 solid');
- }
- } });
- })
- $("#tambahakun").validate({
- rules:{
- password:{required: true, minlength: 5},
- },
- messages:{
- password:{required: '.Password harus diisi', minlength: '.Password minimal 5 karakter'},
- },
- success: function(label)
- {
- label.text('OK!').addClass('valid');
- }
- });
- });
- </script>
- <?php
- if(isset($_GET['info'])){
- $display = "block";
- $pemberitahuan = $_GET['info'];
- }
- else{
- $display = "none";
- $pemberitahuan = "";
- }
- ?>
- <div class="alert alert-success" style="display:<?php echo $display ?>"><?php echo $pemberitahuan; ?>
- <button class="close" data-dismiss="alert">×</button>
- </div>
- <div class="content">
- <div class="module">
- <div class="module-head">
- <h3>Tambah Admin</h3>
- </div>
- <div class="module-body">
- <div class="form-div">
- <form action="cekadmin.php" id="tambahakun" method="post" accept-charset="utf-8" class="form-horizontal row-fluid" enctype="multipart/form-data">
- <div class="control-group">
- <label class="control-label">NIP</label>
- <div class="controls">
- <input type="text" id="nip" name="nip" class="span4" value="">
- <br>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label">Nama <span class="text-error">*</span></label>
- <div class="controls">
- <input type="text" name="nama" class="span8" value="">
- <br>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label">Jenis Kelamin <span class="text-error">*</span></label>
- <div class="controls">
- <label class="radio inline"><input type="radio" name="jenis_kelamin" value="Laki-laki" > Laki-laki</label>
- <label class="radio inline"><input type="radio" name="jenis_kelamin" value="Perempuan" > Perempuan</label>
- <br>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label">Tempat Lahir</label>
- <div class="controls">
- <input type="text" name="tempat_lahir" class="span5" value="">
- <br>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label">Tanggal Lahir</label>
- <div class="controls">
- <select class="span2" style="width: 10%;" name="tgl_lahir">
- <option value="">Tgl</option>
- <option value="1" >1</option>
- <option value="2" >2</option>
- <option value="3" >3</option>
- <option value="4" >4</option>
- <option value="5" >5</option>
- <option value="6" >6</option>
- <option value="7" >7</option>
- <option value="8" >8</option>
- <option value="9" >9</option>
- <option value="10" >10</option>
- <option value="11" >11</option>
- <option value="12" >12</option>
- <option value="13" >13</option>
- <option value="14" >14</option>
- <option value="15" >15</option>
- <option value="16" >16</option>
- <option value="17" >17</option>
- <option value="18" >18</option>
- <option value="19" >19</option>
- <option value="20" >20</option>
- <option value="21" >21</option>
- <option value="22" >22</option>
- <option value="23" >23</option>
- <option value="24" >24</option>
- <option value="25" >25</option>
- <option value="26" >26</option>
- <option value="27" >27</option>
- <option value="28" >28</option>
- <option value="29" >29</option>
- <option value="30" >30</option>
- <option value="31" >31</option>
- </select>
- <select class="span2" style="width: 17%;" name="bln_lahir">
- <option value="">Bulan</option>
- <option value="1" >Januari</option>
- <option value="2" >Februari</option>
- <option value="3" >Maret</option>
- <option value="4" >April</option>
- <option value="5" >Mei</option>
- <option value="6" >Juni</option>
- <option value="7" >Juli</option>
- <option value="8" >Agustus</option>
- <option value="9" >September</option>
- <option value="10" >Oktober</option>
- <option value="11" >November</option>
- <option value="12" >Desember</option>
- </select>
- <input type="text" name="thn_lahir" class="span2" maxlength="4" value="" placeholder="Tahun">
- <br>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label">Alamat</label>
- <div class="controls">
- <input type="text" name="alamat" class="span10" value="">
- <br>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label">Username <span class="text-error">*</span></label>
- <div class="controls">
- <input type="text" id="username" name="username" class="span5" value="" placeholder="username"><span id="pesan"></span>
- <br>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label">Password <span class="text-error">*</span></label>
- <div class="controls">
- <input type="password" id="password" name="password" class="span5" value="">
- <br>
- </div>
- </div>
- <div class="control-group">
- <div class="controls">
- <button type="submit" class="btn btn-primary" name="submit" onclick='simpan()'>Simpan</button>
- <a href="?page=daftar_admin" class="btn">Batal</a>
- </div>
- </div>
- </form>
- </div>
- </div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment