Sambil mengerjakan script - script PHP, berikut kami coba sempatkan menulis tutorial Cara membuat script login dengan menggunakan JQUERY J!" Penggunaan J! tanpa bantuan JQUERY akan membuat kita #arus mengetik ban$ak kode Ja%ascript se#ingga tentun$a akan men$ulitkan juga terutama untuk para pemula, dengan peman&aat JQUERY, kode Ja%ascript $ang #arus kita ketikkan menjadi lebi# ringkas, dan itula# tentun$a keuntungan kita menggunakan Ja%ascript 'rame(ork JQUERY)angka# - langka# $ang dilakukan untuk membuat script login dengan JQUERY J! adala# sebagai berikut *+" ,en$iapkan JQUERYUntuk menggunakan &ungsi J! pada JQUERY, terlebi# da#ulu kita #arus men$iapkan JQUERY dengancara mendo(nloadn$a kemudian kita simpan dalam komputer kita bersebela#an dengan script - script tutorial kita supa$a tutorial ini dapat dijalankan pada komputer lokal meskipun tidak terkoneksike internet" Pada conto# script diba(a# suda# kami siapkan J-uer$ lengkap dengan conto# project tutorial kita kali ini." ,embuat &orm login / inde0"p#pScript ini akan digunakan sebagai sarana untuk memasukkan username dan pass(ord ketika #endak login, berikut conto# script inde0"p#p sebagai #alaman login12345678910111213141516171819202122232425262728

Login dengan Jquery AJAX

#login{ont!"old #$px %ahoma&'erdana(display!"loc)("order!#*+,$c- #px solid(.idth!/--px(height!01-px(margin2let!auto(margin2right!auto("order2radius!+px("ac)ground2color!#,1c#3("ox2shado.! +px +px +px rg"4#+-& #/,& #/,5( 6isi"ility!6isi"le(color!#e,ec-(7h3{ont!"old 0-px %ahoma&'erdana(margin!- - - -(padding!- - - -(color!#0+*0d0(text2align!center(line2height!+-px("order2"ottom!# #px solid(7#inner{margin!- 0-px - 0-px(7input8txt{ont!normal #/px %ahoma&'erdana(padding!#-px(margin!+px - +px -(293031323334353637383940414243444546474849505152535455565758596061.idth!#--td9persen("ac)ground2color!#dee,$(7input8"tn{ont!"old #/px %ahoma&'erdana(padding!#-px(margin!+px - #-px -(.idth!#--td9persen(text2align!center(7

//memanggil :query//memanggil script a:ax

1" ,embuat script J! / login"jsScript ini merupakan script J%ascript J! $ang akan menggunakan &ungsi J! pada JQUERY dengan susunan script sebagai berikut *12345678unction chec)9login45{//@engam"il 6alue dari input username E Dass.ord6ar username = F4G#txt9usernameG586al45(6ar pass.ord = F4G#txt9pass.ordG586al45(//C"ah alamat url "eri)ut& sesuai)an dengan alamat script pada )omputer anda6ar url9login= Ghttp!//localhost/tutorial/login8phpG(6ar url9admin= Ghttp!//localhost/tutorial/admin8phpG( 91011121314151617181920212223242526272829303132333435//C"ah tulisan pada "utton saat clic) loginF4G#"tnLoginG58attr4G6alueG&GAilah)an tunggu 888G5( //? isset4F9D;A%KG6ar9p.dGL55{Fusername = addslashes4F9D;A%KG6ar9usnGL5(Fpass.ord = addslashes4F9D;A%KG6ar9p.dGL5(Fchec)= mysql9query4Gselect M rom admin .here Csn="G8Fusername8G" A>? D.d="G8Fpass.ord8G" G5(i4mysql9num9ro.s4Fchec)5==-5{echo GCsername atau Dass.ord Aalah NG(7else{F9AOAA=;>KGloginGLKGusnGL = Fusername(13141516171819F9AOAA=;>KGloginGLKGp.dGL = Fpass.ord(echo Go)G(77J>Pesan login diatas selanjutn$a $ang akan diambil ole# script login"js, dimana kalo script diatas mencetak kata 4ok4, maka user akan langsung diara#kan ke #alaman berikutn$a, sebalikn$a jika scriptdiatas mencetak pesan kesala#an, maka script login"js akan memberikan ja%ascript alert sebagai tanda peringatan kesala#an username dan pass(ord6" ,embuat script #alaman admin / admin"p#p123456789101112131415KGloginGL55{header4Glocation! index8phpG5(7else{echo GAOLA@A% ?A%A>< ! G8F9AOAA=;>KGloginGLKGusnGL8GG(echo GPalaman ini )ita asumsi)an se"agai halaman Administrator& dimana halaman ini hanya "isa dia)ses )eti)a Admin sudah loginG(echo G