รูปที่ 1 การสร้างฟอร์มสำหรับล็อกอินของสมาชิก
2.เมื่อเราได้สร้างฟอร์มเสร็จสมบูรณ์แล้ว ก่อนอื่นผมจะแนะนำ Class และ Method ที่ผมสร้างขึ้น และจะนำมาใช้กับโปรเจ็คนี้คับ
2.1 Class dbconmysql ผมสร้างในไฟล์ชื่อ dbconnect.php เก็บไว้ใน folder include ดังรูปนี้คับ
รูปที่ 2 ไฟล์ dbconnect.php
2.2 Class jquery สำหรับเรียกใช้ Libary ของ JQuery UI และเลือกMethod alert() เพื่อแสดง Dialog Message ดังรูป
รูปที่ 3 ไฟล์ jquery-class.php
3.เมื่อเราสร้างฟอร์มเสร็จแล้ว ให้พิมพ์โค๊ดตามในกรอบสีแดง
รูปที่ 4 การกำหนด action และ สร้างtag span เอาไว้แสดงDialog
1 คือ การส่งค่าเข้าหาตัวเอง
2 คือ การสร้างพื้นที่เอาไว้แสดง Dialog4.จาก นั้นให้require class เข้ามาใช้งานคับ ซึ่งจะมีClass สำหรับจัดการกับฐานข้อมูล(dbconnet.php) และ Class สำหรับ แสดง Libraly ของ JQuery UI(jquery-class.php) คับ
รูปที่ 5 การrequire Class มาใช้งาน
refer: http://pnwtt1987.blogspot.com/2010/08/loginmysqlphpjquery-ui.html
5.ขั้นตอนสุดท้าย ให้พิมพ์โค๊ดลงไปต่อจากบรรทัดที่6ตามนี้เลยคับ ซึ่งเป็นโค๊ดที่ทำงานหลังจากที่เรากดปุ่ม Login ดังรูป
รูปที่ 6 โค๊ดตรวจสอบUser,Password ของสมาชิก
จากนั้นเรามาดูผลลัพธ์กันคับ
1 เมื่อลูกค้าไม่ใส่รหัสผ่าน หรือกรอกรหัสผ่านไ่ม่ถูกต้อง มันจะแสดงDialog ตามนี้คับ
2 เมื่อลูกค้าใส่รหัสผ่านถูกต้องมันจะแสดงDialog ตามนี้คับ
ปล สำหรับเทเบิล ฐานข้อมูลที่ผมใช้ ให้กลับไปดูบทความระบบลงทะเบียนสมาชิก รูปที่ 1 การสร้างเทเบิลลูกค้า ผมใช้เทเิบิลเดียวกันคับ
ไฟล์ที่ใช้ประกอบบทความนี้ dbcoonnect,jquery,myLogin.phprefer: http://pnwtt1987.blogspot.com/2010/08/loginmysqlphpjquery-ui.html








