fbpx

ทำแบบฟอร์มขั้น Advance ด้วย Fluent Form ตอนที่ 2

ทำแบบฟอร์มแบบ Advance ด้วย Fluent Form ตอนที่ 2
https://www.youtube.com/embed/Wwm0T1zjmxQ?feature=oembed&autoplay=1

สวัสดีครับ สำหรับตอนที่ 2 ของการสร้างแบบฟอร์มด้วย Fluent Form นี้ เราก็จะดูเรื่องที่ Advance ขึ้นครับ เช่นเรื่องของการทำ Conditional ที่เราเอาไว้แสดง หรือ ซ่อน Field ที่เราต้องการ เรื่องการทำ Format Date ในการแสดงวันที่ และ การใช้ Default Value เป็นต้นครับ

ถ้าใครยังไม่ได้ลองใช้ Fluent Form หรือ ยังไม่ได้ชมตอนที่ 1 คลิกตรงนี้ครับ

สอน WordPress ขั้นพื้นฐาน ฉบับสมบูรณ์

ถ้าพื้นฐาน WordPress ยังไม่คล่อง หรือยังไม่มีพื้นฐาน ผมแนะนำบทความนี้ครับ จบทุกพื้นฐาน WordPress ในที่เดียว

สำหรับคนที่กำลังคิดว่า อยากใช้ความสามารถของ Fluent Form ที่มากขึ้น ลองไปส่อง รุ่นโปรได้ที่นี่ครับ
https://go.palamike.com/fluentformep2

Fluent Form Advance Field

สิ่งที่เราจะมาเรียนรู้ในตอนที่ 2 นี้ ในเรื่องของ Field จะมี Field ที่ค่อนข้าง Advance มากขึ้นได้แก่…

  1. Mask Input คือ Field ที่เราสามารถกำหนด รูปแบบการใส่ Input ของผู้ใช้งานได้ว่า จะให้ใส่ ในลักษณะไหน
  2. Date/Time คือ Field ที่เราจะให้ ผู้ใช้งานของเรา ใส่วันที่เข้าไปในแบบฟอร์มได้ โดยเราสามารถที่จะจัด Format ของวันที่ และ ค่าเริ่มต้นของวันที่ได้ว่า จะให้แสดงเป็นวันที่ปัจจุบัน
  3. Section Break คือ Decoration Field หรือ Field ที่เอาไว้ใช้สำหรับตกแต่ง หน้าตาของแบบฟอร์มเรา โดย Field นี้มีหน้าที่ แบ่งส่วนต่างๆ ในแบบฟอร์มของเราออกเป็นส่วนย่อยๆครับ

Conditional Logic

บางครั้ง เราอาจจะอยาก ซ่อน หรือ แสดง Field ตามที่เราต้องการ เราจะใช้ Conditional Logic ในการช่วยเรา โดย เวลาที่เราจะใช้งาน Conditional Logic เราจะซ่อน หรือ แสดง Field ไหน ให้เราไปกำหนดค่า Conditional Logic ของ Field นั้นครับ โดยเราสามารถไปกำหนด ได้ที่ Advance Options ของ Field นั้นครับ ซึ่งความสามารถนี้ ตัวสร้างแบบฟอร์มหลายๆตัว ไม่ฟรีครับ แต่สำหรับ Fluent Form นั้น ใช้ได้ฟรีครับ

จะใช้เงื่อนไข Any หรือ All ดี ?

ถ้าเราต้องการ ให้เช็คเงื่อนไขแค่ 1 อย่าง เราจะใช้ Any หรือ All ก็ได้ แต่ถ้าเราต้องการเช็คหลายเงื่อนไขพร้อมกัน เราต้องใช้สักหนึ่งอย่าง ซึ่งความแตกต่างก็คือ

  1. สำหรับ Any เงื่อนไขอันไหนเป็นจริง เพียงอันเดียว Field ที่เรากำหนดเงื่อนไข ก็จะแสดง
  2. สำหรับ All เงื่อนไขทั้งหมด จะต้องเป็นจริง Field ที่เรากำหนดเงื่อนไขถึงจะแสดง

การใช้ Equal กับ Not Equal

Equal คือ เครื่องหมายเท่ากับครับ นั่นหมายความว่า เรากำลังเช็คเงื่อนไขว่า Field ที่เรากำหนด เท่ากับ สิ่งที่เราต้องการครับ ส่วน Not Equal จะตรงกันข้าม คือ Field ที่เรากำหนด จะเป็นอะไรก็ได้ แต่ไม่เท่ากับ สิ่งที่เราระบุไว้ครับ

สรุป

ในวีดีโอนี้ เราก็จะได้เรียนรู้ในเรื่องของการใช้ Field Date/Time, Mask Input และ Section Break กันแบบเต็มๆ นอกจากนั้น เราจะเสริมด้วย Feature Advance กันเพิ่มเติม นั่นก็คือ การใช้ Conditional Logic นั่นเองครับ และ ในตอนหน้า เราก็จะมาพูดถึงเรื่องของการตั้งค่า และ ส่งอีเมลครับ

ข่าวประชาสัมพันธ์

ถ้ากำลังมองหาคอร์สเรียน แบบสอนกันสดๆ ไม่ต้องเสียเวลาเรียนรู้ และ ทดลองเอง พิจารณาคอร์สเรียนสด ตรงนี้ได้เลยครับ

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *