ตรวจสอบข้อมูลที่ป้อนโดยผู้ใช้กับ jQuery และ PHP

การตรวจสอบรูปแบบ client - side ของเราได้กลายเป็นเรื่องง่ายมากเนื่องจาก jQuery แต่เพื่อให้แน่ใจว่าจริงๆที่ผู้ใช้ป้อนได้รับให้เป็นเพียงที่พวกเขาคาดหวังว่าจะเป็นความคิดที่ดีที่จะซ้ำกันตรวจสอบด้านเซิร์ฟเวอร์

แต่ถ้าเราใช้ AJAX ในการสื่อสารกับเซิร์ฟเวอร์ (และดังนั้นกับ PHP ตัวอย่างเช่น) ที่เราสามารถตัดสินใจที่จะมอบหมายการตรวจสอบทั้งหมดไปยังเซิร์ฟเวอร์โดยตรง

การเตรียมการของการเกิด

ตัวอย่างเช่นของเราเราต้องใช้อุ้ย jQuery, PHP และ jQuery ของซื่อสัตย์

ในขณะที่เขียน, แพคเกจ UI ของ jQuery มีรุ่น 1.8.10 และ 1.4.4 ของสคริปต์ jQuery เพื่อไม่ให้ผลผลิตที่จะล่อใจให้ใช้ jQuery ใหม่ 1.5 ซึ่งผมได้อธิบาย ที่นี่ และ"มีเนื้อหา"ของมัดที่เสนอ

เลือกชุดรูปแบบหัวข้อที่เป็นกลางของลูกกลิ้ง อุ้ย :

จากนั้นเราจะไปดาวน์โหลดสิ่งที่เราต้อง :

ในแพคเกจจะมีการดาวน์โหลด."Js"jQuery ที่มีประโยชน์และ jQuery UI - - 1.4.4.min.js 1.8.10.custom.min.js - ภายในโฟลเดอร์ js, โฟลเดอร์ CSS ภายในชื่อเดียวกันและเราสามารถฟรีตัวเอง โฟลเดอร์การพัฒนาและมัดเป็นไฟล์ index.html

เราโครงสร้างทั้งหมดในแนวเส้นของต้นไม้และที่ผลจะแสดงว่ามันเป็น คราส :

ที่คุณสามารถดูได้ในภาพที่เราได้เพิ่มไฟล์ index.html ในราก index.js ใน js และ css ใน style.css เรายังสร้างโฟลเดอร์"PHP"ที่มีอยู่ภายในไฟล์ : remote.php คุณ ดูแลตรวจสอบด้านเซิร์ฟเวอร์

สถานการณ์ที่

รูปภาพในบทความนี้เพื่อสร้างฟอร์มอย่างง่ายสำหรับการซื้อข้อมูลของผู้ใช้เพื่อที่จะบันทึกไว้ในฐานข้อมูลสมมุติของการติดต่อ

เราจะเน้นการตรวจสอบของเขตข้อมูลที่ป้อนโดยผู้ใช้และไม่ได้จัดเก็บข้อมูลที่เกิดขึ้นจริงที่อยู่นอกเหนือวัตถุประสงค์ของเราเป็นแล้วพอที่จะวางในตำแหน่งที่ถูกต้องของการเรียกใช้ฐานข้อมูลสำหรับการรวมของข้อมูลที่ได้มาที่ เราจะทำให้การใช้งานของ jQuery โต้ตอบชิ้นส่วนอุ้ยแจ้งเตือนผู้ใช้ที่จะแสดงเพื่อให้คุณมีบางสิ่งบางอย่างมากขึ้นสายตาที่ชื่นชอบ, คลาสสิกที่ทันสมัยแจ้งเตือนโดยเบราว์เซอร์

• <<
• 1
• 2
• 3
• 4
• >>