drzeo

tambah_admin

Jan 6th, 2016
151
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.00 KB | None | 0 0
  1. <script src="js/ckeditor/ckeditor.js"></script>
  2. <script src="js/ckeditor/config.js"></script>
  3. <script src="assets/jquery-1.4.js"></script>
  4. <script type="text/javascript" src="assets/jquery.validate.js"></script>
  5. <style type="text/css">
  6.  
  7. .form-div .label {
  8. display: block;
  9. float: left;
  10. width: 150px;
  11. text-align: right;
  12. margin-right: 5px;
  13. }
  14. .form-div .form-row {
  15. padding: 5px 0;
  16. clear: both;
  17. width: 700px;
  18. }
  19.  
  20. .form-div label.error {
  21. width: 250px;
  22. display: block;
  23. float: left;
  24. color: red;
  25. padding-left: 10px;
  26. background: url(unvalid.gif) no-repeat;
  27. }
  28. .form-div input {
  29. width: 180px;
  30. float: left;
  31. font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  32. font-size:11px;
  33. }
  34. .form-div label.valid {
  35. width: 24px;
  36. background: url(true.png) center no-repeat;
  37. display: inline-block;
  38. text-indent: -9999px;
  39. }
  40.  
  41. .error{background: #FFEBE8;}
  42.  
  43. </style>
  44. <script>
  45. $(document).ready(function()
  46. {
  47. $("#username").change(function()
  48. {
  49. var username = $("#username").val();
  50. $("#pesan").html("<img src='loading.gif'>Cek username ...");
  51.  
  52. if(username=='')
  53. {
  54. $("#pesan").html('<img src="salah.png"> username tidak boleh kosong');
  55. $("#username").css('border', '3px #C33 solid');
  56. }
  57. else
  58. $.ajax({type: "POST", url: "validationadmin.php", data: "username="+username, success:function(data)
  59. {
  60. if(data==0)
  61. {
  62. $("#pesan").html('<img src="true.png">');
  63. $("#username").css('border', '3px #090 solid');
  64. }
  65. else
  66. {
  67. $("#pesan").html('<img src="salah.png"> username telah digunakan');
  68. $("#username").css('border', '3px #C33 solid');
  69. }
  70.  
  71. } });
  72. })
  73.  
  74. $("#submit").click(function()
  75. {
  76. var username = $("#username").val();
  77. $("#pesan").html("<img src='loading.gif'>Cek username ...");
  78.  
  79. if(username=='')
  80. {
  81. $("#pesan").html('<img src="salah.png"> username tidak boleh kosong');
  82. $("#username").css('border', '3px #C33 solid');
  83. }
  84. else
  85. $.ajax({type: "POST", url: "validation.php", data: "username="+username, success:function(data)
  86. {
  87. if(data==0)
  88. {
  89. $("#pesan").html('<img src="true.png">');
  90. $("#username").css('border', '3px #090 solid');
  91. }
  92. else
  93. {
  94. $("#pesan").html('<img src="salah.png"> username telah digunakan');
  95. $("#username").css('border', '3px #C33 solid');
  96. }
  97.  
  98. } });
  99. })
  100.  
  101. $("#tambahakun").validate({
  102.  
  103. rules:{
  104. password:{required: true, minlength: 5},
  105.  
  106. },
  107.  
  108. messages:{
  109. password:{required: '.Password harus diisi', minlength: '.Password minimal 5 karakter'},
  110.  
  111. },
  112.  
  113. success: function(label)
  114. {
  115. label.text('OK!').addClass('valid');
  116. }
  117.  
  118. });
  119.  
  120. });
  121. </script>
  122. <?php
  123. if(isset($_GET['info'])){
  124. $display = "block";
  125. $pemberitahuan = $_GET['info'];
  126. }
  127. else{
  128. $display = "none";
  129. $pemberitahuan = "";
  130. }
  131. ?>
  132. <div class="alert alert-success" style="display:<?php echo $display ?>"><?php echo $pemberitahuan; ?>
  133. <button class="close" data-dismiss="alert">&times;</button>
  134. </div>
  135.  
  136. <div class="content">
  137. <div class="module">
  138. <div class="module-head">
  139. <h3>Tambah Admin</h3>
  140. </div>
  141. <div class="module-body">
  142.  
  143. <div class="form-div">
  144.  
  145. <form action="cekadmin.php" id="tambahakun" method="post" accept-charset="utf-8" class="form-horizontal row-fluid" enctype="multipart/form-data">
  146. <div class="control-group">
  147. <label class="control-label">NIP</label>
  148. <div class="controls">
  149. <input type="text" id="nip" name="nip" class="span4" value="">
  150. <br>
  151. </div>
  152. </div>
  153. <div class="control-group">
  154. <label class="control-label">Nama <span class="text-error">*</span></label>
  155. <div class="controls">
  156. <input type="text" name="nama" class="span8" value="">
  157. <br>
  158. </div>
  159. </div>
  160. <div class="control-group">
  161. <label class="control-label">Jenis Kelamin <span class="text-error">*</span></label>
  162. <div class="controls">
  163. <label class="radio inline"><input type="radio" name="jenis_kelamin" value="Laki-laki" > Laki-laki</label>
  164. <label class="radio inline"><input type="radio" name="jenis_kelamin" value="Perempuan" > Perempuan</label>
  165. <br>
  166. </div>
  167. </div>
  168. <div class="control-group">
  169. <label class="control-label">Tempat Lahir</label>
  170. <div class="controls">
  171. <input type="text" name="tempat_lahir" class="span5" value="">
  172. <br>
  173. </div>
  174. </div>
  175. <div class="control-group">
  176. <label class="control-label">Tanggal Lahir</label>
  177. <div class="controls">
  178. <select class="span2" style="width: 10%;" name="tgl_lahir">
  179. <option value="">Tgl</option>
  180. <option value="1" >1</option>
  181. <option value="2" >2</option>
  182. <option value="3" >3</option>
  183. <option value="4" >4</option>
  184. <option value="5" >5</option>
  185. <option value="6" >6</option>
  186. <option value="7" >7</option>
  187. <option value="8" >8</option>
  188. <option value="9" >9</option>
  189. <option value="10" >10</option>
  190. <option value="11" >11</option>
  191. <option value="12" >12</option>
  192. <option value="13" >13</option>
  193. <option value="14" >14</option>
  194. <option value="15" >15</option>
  195. <option value="16" >16</option>
  196. <option value="17" >17</option>
  197. <option value="18" >18</option>
  198. <option value="19" >19</option>
  199. <option value="20" >20</option>
  200. <option value="21" >21</option>
  201. <option value="22" >22</option>
  202. <option value="23" >23</option>
  203. <option value="24" >24</option>
  204. <option value="25" >25</option>
  205. <option value="26" >26</option>
  206. <option value="27" >27</option>
  207. <option value="28" >28</option>
  208. <option value="29" >29</option>
  209. <option value="30" >30</option>
  210. <option value="31" >31</option>
  211. </select>
  212. <select class="span2" style="width: 17%;" name="bln_lahir">
  213. <option value="">Bulan</option>
  214. <option value="1" >Januari</option>
  215. <option value="2" >Februari</option>
  216. <option value="3" >Maret</option>
  217. <option value="4" >April</option>
  218. <option value="5" >Mei</option>
  219. <option value="6" >Juni</option>
  220. <option value="7" >Juli</option>
  221. <option value="8" >Agustus</option>
  222. <option value="9" >September</option>
  223. <option value="10" >Oktober</option>
  224. <option value="11" >November</option>
  225. <option value="12" >Desember</option>
  226. </select>
  227. <input type="text" name="thn_lahir" class="span2" maxlength="4" value="" placeholder="Tahun">
  228. <br>
  229. </div>
  230. </div>
  231. <div class="control-group">
  232. <label class="control-label">Alamat</label>
  233. <div class="controls">
  234. <input type="text" name="alamat" class="span10" value="">
  235. <br>
  236. </div>
  237. </div>
  238. <div class="control-group">
  239. <label class="control-label">Username <span class="text-error">*</span></label>
  240. <div class="controls">
  241. <input type="text" id="username" name="username" class="span5" value="" placeholder="username"><span id="pesan"></span>
  242. <br>
  243. </div>
  244. </div>
  245. <div class="control-group">
  246. <label class="control-label">Password <span class="text-error">*</span></label>
  247. <div class="controls">
  248. <input type="password" id="password" name="password" class="span5" value="">
  249. <br>
  250. </div>
  251. </div>
  252. <div class="control-group">
  253. <div class="controls">
  254. <button type="submit" class="btn btn-primary" name="submit" onclick='simpan()'>Simpan</button>
  255. <a href="?page=daftar_admin" class="btn">Batal</a>
  256. </div>
  257. </div>
  258. </form>
  259. </div>
  260. </div>
  261.  
  262. </div>
  263. </div>
Advertisement
Add Comment
Please, Sign In to add comment