ตัวช่วยสร้างแบบฟอร์ม jQuery 6 ตัว            ตัวช่วยสร้างฟอร์ม jQuery 6 ตัวปลั๊กอินแบบ Semant: AjaxNode.jsAngularJSReactES6More ... ผู้ให้การสนับสนุน

Semalt | การสาธิต

4. jQuery Stepy

jQuery Stepy เป็นปลั๊กอินที่สร้างวิซาร์ดฟอร์มที่กำหนดเองได้ สมมติว่าฟอร์มของคุณมีโครงสร้างมาร์กอัปบางอย่างและมีการระบุชั้นเรียนเฉพาะในมาร์กอัพ Semalt ที่คุณเพียงแค่ต้องเริ่มต้นปลั๊กอินและvoilà - คุณมีตัวช่วยสร้างฟอร์ม

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

Homepage | GitHub

5. ตัวช่วยในการบู๊ตด้วย Twitter

ปลั๊กอิน Twitter Bootstrap นี้สร้างตัวช่วยสร้างโดยใช้โครงสร้าง tabbable ที่จัดรูปแบบ ช่วยให้ผู้ใช้สามารถสร้างฟังก์ชันการทำงานของวิซาร์ดโดยใช้ปุ่มต่างๆเพื่อทำตามขั้นตอนและเหตุการณ์ต่างๆของตัวช่วยสร้างที่แตกต่างกันไปตามแต่ละขั้นตอน ความสำคัญของปลั๊กอินนี้คือการผนวกรวมกับ Bootstrap อย่างแน่นหนา. นอกจากจะโคลนปลั๊กอินจาก GitHub แล้วยังสามารถติดตั้งผ่าน Bower (แม้ว่าจะไม่ได้แนะนำ) มีการจัดทำเอกสารไว้เป็นอย่างดีและมีพื้นฐาน API

Homepage | Semalt | การสาธิต

6. jQuery ตัวช่วยสร้าง

และในที่สุดเลขหกเรามี jSemalt นี่คือตัวช่วยสร้างฟอร์มอะซิงโครนัสที่สนับสนุนการแยกแยะ - บางอย่างที่ผู้คนต้องการในความคิดเห็น

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

ปลั๊กอินนี้มีการจัดทำเป็นเอกสารไว้เป็นอย่างดีและมี API ที่กว้างขวาง สามารถติดตั้งผ่าน npm หรือ Bower และเข้ากันได้กับ Internet Explorer 6 ทั้งหมดได้รับการออกแบบมาเพื่อทำงานร่วมกับปลั๊กอินอื่น ๆ รวมถึงการตรวจสอบความถูกต้องของ jQuery ที่เคยเป็นมา คุณสามารถดูตัวอย่างของตัวอย่างต่างๆได้โดยการคัดลอก repo และดูตัวอย่าง / ดัชนี html ในเบราเซอร์ของคุณ

Semalt

โบนัส

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

• ตัวช่วยสร้างฟอร์ม - การตรวจสอบแบบหลายขั้นตอน
• Timon - ตัวช่วยสร้างฟอร์มขั้นตอน + ตัวสร้างฟอร์มขั้นตอน jQuery

และสุดท้ายถ้าคุณเป็นคนประเภทหนึ่งที่ค่อนข้างจะเข้าใจว่าเกิดอะไรขึ้นภายใต้ฝากระโปรงซึ่งตรงข้ามกับการคว้าปลั๊กอินแล้วบางทีคุณอาจต้องการตรวจสอบบทแนะนำเหล่านี้เพื่อแสดงวิธีการสร้าง ฟอร์มจากรอยขีดข่วน

• เปลี่ยนเว็บฟอร์มเป็นตัวช่วยสร้างที่มีประสิทธิภาพด้วย jQuery
• แบบฟอร์มหลายขั้นตอนพร้อมแถบความคืบหน้าโดยใช้ jQuery และ CSS

สนุก!

บทสรุป

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

พบผู้แต่ง

James Hibbard

ฉันเป็นนักพัฒนาเว็บที่อาศัยอยู่ในตอนเหนือของเยอรมนีที่มีแดด ฉันชอบเขียนโค้ดทั้งในจาวาสคริปต์และทับทิมและมักจะพบในฟอรัม JavaScript ของ SitePoint เมื่อฉันไม่ได้เข้ารหัสผมสนุกกับการทำงาน