Loading halaman Tutorial Visual Basic, Delphi, PHP - Calon Programer : PHP Form Register & Login ...
» » PHP Form Register & Login

4:47 PM
2
Kali ini saya memberikan tips dan trik bagaimana cara membuat form untuk meregister sekaligus login untuk member terdaftar, dan sudah tentu kita akan menggunakan database MySQL untuk menyimpan data para member terdaftar.Perlu diingat source PHP yang saya tulis ini berjalan pada PHP 4.2.3 atau lebih disarankan untuk menggunakan PHP versi 4.3 atau lebih.
Mari kita mulai! Pertama-tama siapkan terlebih dulu databasenya. Silahkan jalankan mysql Client kamu. Masih bingung atau lupa menjalankan mysql client ?
Ok saya coba ingat-ingatkan kembali… Mysql client yang digunakan disini adalah yang berbasis teks dan di eskusi pada shell.
Dengan kata lain mysql client dijalankan dengan perintah sebagai berikut : mysql
Perintah ini dlakukan jika server MySQL berada pada localhost dan tidak ada password untuk user yang sedang aktif pada saat itu.
Untuk perintah yang lebih kompleks dapat menggunakan perintah sebagai berikut mysql –h hosttarget –u username –ppasswordaccess hosttarget adalah lokasi server MySQL berada, username adalah user untuk mengakses kedalam database dan passwordaccess adalah password username untuk mengakses kedalam database.
Setelah itu shell akan berganti seperti :
mysql>
Nah selanjutnya silahkan pilih database yang akan digunakan. Jika belum memiliki database atau ingin menggunakan database lain dari yang sudah ada berarti harus membuat database baru.
Cara membuat database :
mysql> create database namadatabase;
Query OK, 1 row affected <0.00 sec>
sedangkan untuk menggunakan database yang sudah ada
mysql> use namadatabase;
database changed

Sebagai catatan, dalam pembuatan database jangan menggunakan tanda “-“ atau spasi untuk nama database yang terdiri lebih dari dua kata sebaiknya gunakan tanda “_” Contoh nama database yang salah :
calon-Programer calon Programer calon^Programer
Contoh nama database yang benar :
Calon_Programer CalonProgramer
Setalah database sudah disiapkan kita akan membuat tablenya. Berikut cara membuat tablenya, ingat ini masih pada shell MySQL.
  1. CREATE TABLE phpschool_user ( 
  2. id bigint(20) unsigned NOT NULL auto_increment, 
  3. user_name varchar(255) NOT NULL default '', 
  4. user_pass varchar(80) default NULL, 
  5. user_mode varchar(5) default NULL, 
  6. admin enum('yes','no') default 'no', 
  7. user_email varchar(60) default NULL, 
  8. user_fullname varchar(80) default NULL, 
  9. user_address varchar(120) default NULL, 
  10. user_telepon varchar(30) default NULL, 
  11. tempat_lahir varchar(60) default NULL, 
  12. tgl_lahir varchar(12) default NULL, 
  13. date_register varchar(70) default NULL, 
  14. user_ipaddress varchar(20) default NULL, 
  15. user_hostname varchar(120) default NULL, 
  16. note tinytext, 
  17. last_login varchar(60) default NULL, 
  18. PRIMARY KEY (user_name), 
  19. KEY id (id) 
  20. ) TYPE=MyISAM; 
  21. Query OK, 0 row affected <0.00 sec> 
Selesai sudah persiapan database sekarang kita pindah ke bagian php sourcenya.
Disini kita akan membuat beberapa file untuk proses pendaftaran dan login yang sudah terdaftar.
1. daftar.php, adalah file yang berisi form untuk pendaftaran bagi yang belum terdaftar
2. login.php, adalah file yang berisi form untuk proses login bagi yang sudah terdaftar sekarang kita mulai dengan daftar.php lumayan panjang sih… disini saya juga memberikan beberapa tips untuk javascript bagaimana untuk validasi penulisan email yang benar.
  1. <?php 
  2. session_start(); 
  3. //your mysql access for host user password, database and table prefix 
  4. $prefix="phpschool_"; 
  5. $sqlhost="localhost"; 
  6. $sqluser="ipen"; 
  7. $sqlpasswd="n0limited"; 
  8. $sqldb="stieven"; 
  9. $conn=mysql_connect("$sqlhost","$sqluser","$sqlpasswd") or die("<p align=center>CAN NOT 
  10. CONNECT TO MYSQL SERVER"); 
  11. mysql_query("use $sqldb"); 
  12. //Global variable register PHP 4.23 or more only 
  13. extract($_SERVER,"EXTR_PREFIX_SAME"); 
  14. extract($HTTP_ENV_VARS,"EXTR_PREFIX_SAME"); 
  15. extract($HTTP_GET_VARS,"EXTR_PREFIX_SAME"); 
  16. extract($HTTP_POST_VARS,"EXTR_PREFIX_SAME"); 
  17. $file_name=$HTTP_POST_FILES["file"]["name"]; 
  18. $file_size=$HTTP_POST_FILES["file"]["size"]; 
  19. $file_tmp=$HTTP_POST_FILES["file"]["tmp_name"]; 
  20. $file_type=$HTTP_POST_FILES["file"]["type"]; 
  21. if ($logout) { 
  22. unset($HTTP_SESSION_VARS["userakses"]); 
  23. unset($HTTP_SESSION_VARS["userfullname"]); 
  24. unset($HTTP_SESSION_VARS["usermode"]); 
  25. unset($HTTP_SESSION_VARS["useremail"]); 
  26. unset($HTTP_SESSION_VARS["useradmin"]); 
  27. unset($HTTP_SESSION_VARS["userlastlogin"]); 
  28. } 
  29. $thisVersion=phpversion(); 
  30. $php_version=explode(".",$thisVersion); 
  31. $phpversion=$php_version[0] . $php_version[1]; 
  32. $gmt=date("Z"); 
  33. $namaBulan=array("null","Januari","Februari","Maret","April","Mei","Juni","Juli","Agustu 
  34. s","September","Oktober","November","Desember"); 
  35. if (!$HTTP_SESSION_VARS["userakses"]) { 
  36. if ($submitdaftar) { 
  37. $user_name=strtolower(strip_tags(trim($user_name))); 
  38. $user_pass=strip_tags(trim($user_pass)); 
  39. $user_fullname=strip_tags(trim($user_fullname)); 
  40. $user_address=strip_tags(trim($user_address)); 
  41. $user_telepon=strip_tags(trim($user_telepon)); 
  42. $tempat_lahir=strip_tags(trim($tempat_lahir)); 
  43. $nama_status=strip_tags(trim($nama_status)); 
  44. $alamat_status=strip_tags(trim($alamat_status)); 
  45. $hostname=gethostbyaddr($REMOTE_ADDR); 
  46. $note=strip_tags(trim($note)); 
  47. //ceking 
  48. $getUser=mysql_query("insert into ". $prefix ."user 
  49. (user_name, user_pass, user_mode, user_email, user_fullname, user_address, 
  50. user_telepon, tempat_lahir, 
  51. tgl_lahir, date_register, user_ipaddress, user_hostname, note, last_login) 
  52. values 
  53. ('$user_name','$user_pass','$mode','$user_email','$user_fullname','$user_address','$user 
  54. _telepon','$tempat_lahir', 
  55. '$thn_lahir-$bln_lahir-$tgl_lahir','". date("U") ."','". $REMOTE_ADDR ."', 
  56. '$hostname','$note', '". date("U") ."' 
  57. ) 
  58. "); 
  59. if ($getUser) { 
  60. $regOK="ok"; 
  61. $msgError="<br><p align=center>$user_fullname Selamat Bergabung dengan 
  62. Kami<p>"; 
  63. } 
  64. else { 
  65. $fname=str_replace(".","",$user_fullname); 
  66. $fname=str_replace(",","",$fname); 
  67. $fname=explode(" ",$fname); 
  68. $username[0]=strtolower($user_name . rand(1000,2000)); 
  69. $username[1]=strtolower($fname[0]. "_" .$fname[1]); 
  70. $username[2]=strtolower($fname[count($fname)-1]. "_" .$fname[0]); 
  71. $msgError=" 
  72. <br><p align=center><b>$user_name</b> tidak dapat di 
  73. daftar<br>Kemungkinan terbesar sudah pernah didaftar Coba Pilih yang lain misalkan<br> 
  74. <ul> 
  75. <li>$username[0] 
  76. <li>$username[1] 
  77. <li>$username[2] 
  78. </ul> 
  79. <p>"; 
  80. unset($user_name); 
  81. } 
  82. } 
  83. ?> 
  84. <script> 
  85. function cekuser() { 
  86. if ((document.daftar.user_name.value.length < 4) || 
  87. (document.daftar.user_name.value.length > 255)) { 
  88. alert('Panjang Karakter untuk username harus minimal 4'); 
  89. document.daftar.user_name.focus(); 
  90. return false; 
  91. } 
  92. else { 
  93. if (document.daftar.user_name.value.indexOf(" ") >= 0) { 
  94. alert('Jangan ada spasi pada isian username dan password'); 
  95. document.daftar.user_name.focus(); 
  96. return false; 
  97. } 
  98. else { return emailbenar(document.daftar.user_email.value); } 
  99. } 
  100. } 
  101. function ceknotchar(ftr) { 
  102. var charnot=new Array 
  103. ('*','%','@','`','"',"'",'$','#','~','(',')','!','^','&','.',',','*',';',':','<','>','[' 
  104. ,']','{','}','|','\\','+','=','?','/'); 
  105. for (i=0;i<=charnot.length;i++) { 
  106. charsek1=ftr.indexOf(charnot[i]); 
  107. if (charsek1 >= 0) { alert('Tidak di ijinkan menggunakan karakter "' + 
  108. charnot[i] + '"');document.daftar.user_name.focus();return false; } 
  109. } 
  110. return cekFmValid(); 
  111. } 
  112. function cekFmValid() { 
  113. if ( 
  114. (document.daftar.user_fullname.value.length < 1) || 
  115. (document.daftar.user_address.value.length < 1) || 
  116. (document.daftar.nama_status.value.length < 1) || 
  117. (document.daftar.alamat_status.value.length < 1) || 
  118. (document.daftar.tempat_lahir.value.length < 1) || (document.daftar.status.value 
  119. == "") 
  120. ) { 
  121. alert('Ada form yang belum diisi, kamu harus mengisi semua form'); 
  122. return false; 
  123. } 
  124. else { 
  125. if (document.daftar.mode.value == "none") { 
  126. alert('Mode Daftar belum di pilih'); 
  127. document.daftar.mode.focus(); 
  128. return false; 
  129. } 
  130. } 
  131. } 
  132. function emailbenar(str) { 
  133. var cek1=str.indexOf("@"); 
  134. if (cek1 <= 0) { 
  135. alert('Alamat Email harus disi dengan benar. Kesalahan pada tanda "@"'); 
  136. document.daftar.user_email.focus(); 
  137. return false; 
  138. } 
  139. else { 
  140. var cek2=str.lastIndexOf("."); 
  141. //alert(cek2 + '-' + cek1); 
  142. if (cek2 <= cek1+1) { 
  143. alert('Alamat Email harus disi dengan benar. Kesalahan pada tanda 
  144. "."'); 
  145. document.daftar.user_email.focus(); 
  146. return false; 
  147. } 
  148. else { 
  149. cek3=document.daftar.user_email.value.length; 
  150. if (cek2 == cek3-1) { 
  151. alert('Anda masih salah dalam penulisan email setalah tanda "." 
  152. masih belum lengkap!'); 
  153. document.daftar.user_email.focus(); 
  154. return false; 
  155. } 
  156. else { 
  157. if (str.indexOf(" ") >= 0) { 
  158. alert('Tidak boleh ada spasi dalam penulisan 
  159. email'); 
  160. return false; 
  161. } 
  162. } 
  163. //alert('True'); 
  164. return ceknotchar(document.daftar.user_name.value); 
  165. } 
  166. return false; 
  167. } 
  168. return false; 
  169. } 
  170. function setMode() { 
  171. if (document.daftar.mode.value >=1) { 
  172. document.daftar.tahun_masuk.disabled=false; 
  173. } 
  174. else { 
  175. document.daftar.tahun_masuk.disabled=true; 
  176. document.daftar.tahun_lulus.disabled=true; 
  177. } 
  178. } 
  179. function setTahunlulus(defTahun) { 
  180. if (document.daftar.tahun_masuk.value < defTahun) { 
  181. document.daftar.tahun_lulus.disabled=false; 
  182. } 
  183. else { 
  184. document.daftar.tahun_lulus.disabled=true; 
  185. } 
  186. if ((document.daftar.mode.value == "none") || (document.daftar.mode.value == "")) 
  187. { 
  188. document.daftar.tahun_lulus.disabled=true; 
  189. } 
  190. } 
  191. </script> 
  192. <table width="98%" border="0" align="center" cellpadding="4" cellspacing="2"> 
  193. <tr> 
  194. <td align="left" valign="top" style="border:1px solid #363635;text-align:justify"> 
  195. <?php 
  196. echo $msgError; 
  197. if ($regOK != "ok") { 
  198. ?> 
  199. <form name="daftar" method="post" action="" onSubmit="return cekuser();"> 
  200. <table width="100%" border="0" cellspacing="1" cellpadding="3"> 
  201. <tr align="left" valign="top"> 
  202. <td width="25%">Username</td> 
  203. <td width="75%"><input name="user_name" value="<?php echo $user_name; ?>" 
  204. type="text" id="user_name" style="width:180" maxlength="12"> 
  205. <br> <font color="#666666">Minimal 4 karakter, gunakan kombinasi 
  206. huruf dan angka dan tanda &quot;_&quot; (underline)</font></td> 
  207. </tr> 
  208. <tr align="left" valign="top"> 
  209. <td>Password</td> 
  210. <td><input name="user_pass" type="password" id="user_pass" style="width:180"> 
  211. <br> <font color="#666666">Minumal 8 karakter, case sensitif (Huruf 
  212. besar/Kapital) memiliki perbedaan dengan huruf kecil</font></td> 
  213. </tr> 
  214. <tr align="left" valign="top"> 
  215. <td>Email</td> 
  216. <td><input name="user_email" type="text" id="user_email" value="<?php echo 
  217. $user_email; ?>" style="width:180"> 
  218. <br> <font color="#666666">Penulisan bentuk email harus tepat Contoh 
  219. : ipen22@yahoo.com dan email harus yang masih aktif</font></td> 
  220. </tr> 
  221. <tr align="left" valign="top"> 
  222. <td>&nbsp;</td> 
  223. <td>&nbsp;</td> 
  224. </tr> 
  225. <tr align="left" valign="top"> 
  226. <td>Nama Lengkap</td> 
  227. <td><input name="user_fullname" value="<?php echo $user_fullname; ?>" 
  228. type="text" id="user_fullname" style="width:180"></td> 
  229. </tr> 
  230. <tr align="left" valign="top"> 
  231. <td>Alamat</td> 
  232. <td><input name="user_address" type="text" value="<?php echo 
  233. $user_address; ?>" id="user_name6" style="width:180"></td> 
  234. </tr> 
  235. <tr align="left" valign="top"> 
  236. <td>Telepon</td> 
  237. <td><input name="user_telepon" type="text" value="<?php echo $user_telepon; ?>" 
  238. id="user_name7" style="width:180"></td> 
  239. </tr> 
  240. <tr align="left" valign="top"> 
  241. <td>Tempat Lahir</td> 
  242. <td><input name="tempat_lahir" type="text" value="<?php echo $tempat_lahir; ?>" 
  243. id="user_name8" style="width:180"> 
  244. </td> 
  245. </tr> 
  246. <tr align="left" valign="top"> 
  247. <td>Tanggal Lahir</td> 
  248. <td><select name="tgl_lahir"> 
  249. <?php 
  250. for ($t=1;$t<=31;$t++) { 
  251. $tt=date("d"); 
  252. $tt=$tgl_lahir; 
  253. if ($t == $tt) { echo "<option value=\"$t\" 
  254. selected>$t</option>"; } 
  255. else { echo "<option 
  256. value=\"$t\">$t</option>"; } 
  257. } 
  258. ?> 
  259. </select> <select name="bln_lahir"> 
  260. <?php 
  261. for ($t=1;$t<=12;$t++) { 
  262. $tt=date("m"); 
  263. $tt=$bln_lahir; 
  264. if ($t == $tt) { echo "<option value=\"$t\" 
  265. selected>$namaBulan[$t]</option>"; } 
  266. else { echo "<option 
  267. value=\"$t\">$namaBulan[$t]</option>"; } 
  268. } 
  269. ?> 
  270. </select> <select name="thn_lahir"> 
  271. <?php 
  272. for ($t=1940;$t<=date("Y")-10;$t++) { 
  273. $tt=date("Y")-22; 
  274. $tt=$thn_lahir; 
  275. if ($t == $tt) { echo "<option value=\"$t\" 
  276. selected>$t</option>"; } 
  277. else { echo "<option 
  278. value=\"$t\">$t</option>"; } 
  279. } 
  280. ?> 
  281. </select> </td> 
  282. </tr> 
  283. <tr align="left" valign="top"> 
  284. <td>Note</td> 
  285. <td><textarea name="note" id="note" style="width:180;height:70"><?php echo 
  286. $note; ?></textarea></td> 
  287. </tr> 
  288. <tr align="left" valign="top"> 
  289. <td>&nbsp;</td> 
  290. <td><input name="submitdaftar" type="submit" id="submitdaftar" value="D A F T 
  291. A R"></td> 
  292. </tr> 
  293. </table> 
  294. </form> 
  295. <script> 
  296. setTahunlulus(<?php echo date("Y"); ?>); 
  297. setMode(); 
  298. </script> 
  299. <?php 
  300. } 
  301. ?> 
  302. </td> 
  303. </tr> 
  304. </table> 
  305. <?php 
  306. } 
  307. else { 
  308. echo "<p align=center>Kamu sudah terdaftar dengan akses ". 
  309. $HTTP_SESSION_VARS["userakses"] ."! <p align=center> <a href=\"?logout=1\">Logout</a>"; 
  310. } 
  311. ?> 
Sekarang kita beralih ke login.php
  1. <?php 
  2. session_start(); 
  3. //your mysql access for host user password, database and table prefix 
  4. $prefix="phpschool_"; 
  5. $sqlhost="localhost"; 
  6. $sqluser="ipen"; 
  7. $sqlpasswd="n0limited"; 
  8. $sqldb="stieven"; 
  9. $conn=mysql_connect("$sqlhost","$sqluser","$sqlpasswd") or die("<p align=center>CAN NOT 
  10. CONNECT TO MYSQL SERVER"); 
  11. mysql_query("use $sqldb"); 
  12. //Global variable register PHP 4.23 or more only 
  13. extract($_SERVER,"EXTR_PREFIX_SAME"); 
  14. extract($HTTP_ENV_VARS,"EXTR_PREFIX_SAME"); 
  15. extract($HTTP_GET_VARS,"EXTR_PREFIX_SAME"); 
  16. extract($HTTP_POST_VARS,"EXTR_PREFIX_SAME"); 
  17. $file_name=$HTTP_POST_FILES["file"]["name"]; 
  18. $file_size=$HTTP_POST_FILES["file"]["size"]; 
  19. $file_tmp=$HTTP_POST_FILES["file"]["tmp_name"]; 
  20. $file_type=$HTTP_POST_FILES["file"]["type"]; 
  21. $thisVersion=phpversion(); 
  22. $php_version=explode(".",$thisVersion); 
  23. $phpversion=$php_version[0] . $php_version[1]; 
  24. $gmt=date("Z"); 
  25. $namaBulan=array("null","Januari","Februari","Maret","April","Mei","Juni","Juli","Agustu 
  26. s","September","Oktober","November","Desember"); 
  27. if ($logout) { 
  28. unset($HTTP_SESSION_VARS["userakses"]); 
  29. unset($HTTP_SESSION_VARS["userfullname"]); 
  30. unset($HTTP_SESSION_VARS["usermode"]); 
  31. unset($HTTP_SESSION_VARS["useremail"]); 
  32. unset($HTTP_SESSION_VARS["useradmin"]); 
  33. unset($HTTP_SESSION_VARS["userlastlogin"]); 
  34. } 
  35. if ($login) { 
  36. if (!$HTTP_SESSION_VARS["userakses"]) { 
  37. $getLogin=mysql_query("select * from ". $prefix ."user where 
  38. user_name='$user_name'"); 
  39. $thisLogin=mysql_fetch_array($getLogin); 
  40. if (!$thisLogin[user_name]) { $errorLogin="<script>alert('$user_name 
  41. tidak terdaftar')</script>"; } 
  42. else { 
  43. if ($user_pass == $thisLogin[user_pass]) { 
  44. $HTTP_SESSION_VARS["userakses"]=$thisLogin[user_name]; 
  45. $HTTP_SESSION_VARS["userfullname"]=$thisLogin[user_fullname]; 
  46. $HTTP_SESSION_VARS["usermode"]=$thisLogin[user_mode]; 
  47. $HTTP_SESSION_VARS["useremail"]=$thisLogin[user_email]; 
  48. $HTTP_SESSION_VARS["useradmin"]=$thisLogin[admin]; 
  49. $HTTP_SESSION_VARS["userlastlogin"]=$thisLogin[last_login]; 
  50. $HTTP_SESSION_VARS["userhostname"]=$thisLogin[user_hostname]; 
  51. $HTTP_SESSION_VARS["useripaddress"]=$thisLogin[user_ipaddress]; 
  52. $hostname=gethostbyaddr($REMOTE_ADDR); 
  53. mysql_query("update ". $prefix ."user set 
  54. user_hostname='$hostname', user_ipaddress='". $REMOTE_ADDR ."', last_login='". 
  55. date("U") ."' where user_name='$user_name'"); 
  56. } 
  57. else { $errorLogin="<script>alert('$user_name password tidak 
  58. tepat')</script>"; } 
  59. } 
  60. } 
  61. } 
  62. ?> 
  63. <html> 
  64. <head> 
  65. <title>Untitled Document</title> 
  66. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
  67. </head> 
  68. <body> 
  69. <?php 
  70. echo $errorLogin; 
  71. if (!$HTTP_SESSION_VARS["userakses"]) { 
  72. ?> 
  73. <form name="form1" method="post" action=""> 
  74. <p align="center">Username<br> 
  75. <input name="user_name" type="text" id="user_name" style="width:180"> 
  76. <br> 
  77. Password <br> 
  78. <input name="user_pass" type="password" id="user_pass" style="width:180"> 
  79. </p> 
  80. <p align="center"> 
  81. <input type="submit" name="login" value="Submit" style="border-bottom:2px solid 
  82. #363635;border-right:2px solid #363635;border-top:2px solid #82817F;border-left:2px solid 
  83. #82817F;"> 
  84. </p> 
  85. </form> 
  86. <center><a href="daftar.php">Daftar 
  87. Disini</a></center> 
  88. <?php 
  89. } 
  90. else { 
  91. echo "Kamu sudah login dengan akses ". $HTTP_SESSION_VARS["userakses"] ." <p> <a 
  92. href=\"?logout=1\">Logout</a>"; 
  93. } 
  94. ?> 
  95. </body> 
  96. </html> 
Script source ini hasil modifikasi dari PHPSchool v.2.0 September 2003 Selamat mencoba!
Stieven R. Kalengkian stieven@kawanuanetworks.com
http://www.php.wox.org
Owner on 4:47 PM
Labels:

Tagg :

2 Reply :

  1. Sugeng Riono7 Juni 2012 pukul 08.40

    Artikel Mantappp, sangat berguna.

    SQL Injection
    Saya mau minta Contoh coding JavaScript untuk mengamankan web / database dari SQL Injection, walaupun saya sedikit tau ini tidak aman karena javascript bisa di matikan client kapan saja, tapi setidaknya hanya untuk menghindari.

    Logikanya : Client / user tidak diperbolehkan menginputkan karakter &, ',",%'/,\,<,>.

    Terimakasih atas jawaban dan Contohnya
    Buat TA nih kang Deni

    BalasHapus
  2. Deni Indrawan8 Juni 2012 pukul 09.30

    untuk javascript tidak terlalu melindungi data,memang sesungguhnya tidak ada yg sempurna. semua tetap ada kelemahannya.
    mungkin untuk mencegah sql injection bisa di berikan validasi inputan menggunakan script php sbb:


    Lebih jelas ke sini ajah mas untuk script anti sql injection

    BalasHapus

Jika ada pertanyaan atau request,Komentar pada tab blogger akan lebih memudahkan saya untuk membalasnya karena lebih mudah melakukan pengecekan komentar.

Langganan: Posting Komentar ( Atom )