Back to Question Center
0

6 jQuery Form Wizard Plugins            6 jQuery Form Wizard PluginsRelated Semalt: AjaxNodejsAngularJSReactES6More Sponsors

1 answers:
6 jQuery Form Wizard Plugins

ຕົວຊ່ວຍສ້າງແບບ jQuery Form jQuery ເປັນ plugin jQuery ທີ່ຊ່ວຍໃຫ້ມີການສ້າງແບບຟອມທີ່ມີການໄຫລແບບຟອມບາງຢ່າງ (ໂດຍບໍ່ມີການຟື້ນຟູຫນ້າຂອງທ່ານ). ຕົວຢ່າງ: ຖ້າທ່ານມີຮູບແບບໃຫຍ່ສໍາລັບການເຂົ້າຂໍ້ມູນຂອງຜູ້ໃຊ້, ທ່ານສາມາດໃຊ້ຕົວຊ່ວຍສ້າງແບບຟອມເພື່ອແບ່ງມັນໄປສູ່ຂັ້ນຕອນທີ່ກ່ຽວຂ້ອງ. ນີ້ມີປະໂຫຍດຈາກຜູ້ໃຊ້ທີ່ບໍ່ມີປະຊາທິປະໄຕທີ່ມີຮູບແບບທີ່ຍາວນານແລະຍັງໃຫ້ຂໍ້ສະເຫນີບາງຢ່າງກ່ຽວກັບຄວາມຄືບຫນ້າຂອງພວກເຂົາເມື່ອພວກເຂົາເຂົ້າຂໍ້ມູນຂອງເຂົາເຈົ້າ - ðºð¾ð¼ð¼ñƒñ‚ð°ñ‚ð¾ñ€ ðºñƒð¿ð¸ñ‚ñŒ ð¼ð¾ñðºð²ð°.

ໃນບົດນີ້ເລົາລາຍຊື່ 6 ຕົວຊ່ວຍຂອງແບບ JSemalt ທີ່ຊື່ນຊອບຂອງພວກເຮົາ, ກວດເບິ່ງລັກສະນະທີ່ແຕກຕ່າງກັນຂອງພວກເຂົາແລະສຸດທ້າຍເບິ່ງສອງທາງເລືອກທີ່ຈ່າຍ, ເຊັ່ນດຽວກັນກັບວິທີການສ້າງຂອງຕົນເອງ. ນີ້ບໍ່ໄດ້ມີຈຸດປະສົງເພື່ອເປັນບັນຊີລາຍຊື່ຄົບຖ້ວນ, ແຕ່ຖ້າທ່ານກໍາລັງຊອກຫາຕົວຊ່ວຍສ້າງແບບ JSemalt, ແລ້ວຫວັງວ່າມັນຈະຊີ້ໃຫ້ທ່ານເຂົ້າໃຈໃນທາງທີ່ຖືກຕ້ອງ.

ໂພສນີ້ໄດ້ຖືກປັບປຸງໃນວັນທີ 30. 08 2017. ຄໍາຮ້ອງສະຫມັກ Semalt / ປະຖິ້ມໄວ້ທີ່ຖືກຍົກເລີກໄດ້ຖືກລຶບອອກຈາກບັນຊີລາຍຊື່ແລະໂປແກມໃຫມ່ໄດ້ຖືກເພີ່ມເພື່ອສະທ້ອນເຖິງລັກສະນະທີ່ຄົນກໍາລັງຂໍໃນຄໍາເຫັນ.

1 jQuery ຂັ້ນຕອນ

jQuery ຂັ້ນຕອນແມ່ນອົງປະກອບ UI ທີ່ສະດວກສະບາຍເຊິ່ງຊ່ວຍໃຫ້ທ່ານສາມາດສ້າງການໂຕ້ຕອບຂອງຕົວຊ່ວຍສ້າງໄດ້ອຍ່າງງ່າຍດາຍ. plugin ນີ້ກຸ່ມເນື້ອໃນເຂົ້າໄປໃນພາກສ່ວນສໍາລັບການເບິ່ງຫນ້າຫຼາຍໂຄງສ້າງແລະຕາມລໍາດັບ. ມັນມີ plethora ຂອງຄຸນນະສົມບັດ, ເຊັ່ນ: ການໂຫຼດເນື້ອຫາ async, ຄວາມຄົງທົນຂອງລັດ (ມັນຊ່ວຍປະຢັດການເຂົ້າລະຫວ່າງຂັ້ນຕອນຂອງທ່ານ) ແລະຜົນກະທົບດ້ານການປ່ຽນແປງລະຫວ່າງພາກ. ມັນສາມາດຕິດຕັ້ງຜ່ານ NuGet ຫຼື bower ແລະມີ API ທີ່ມີເອກະສານທີ່ມີເອກະສານທີ່ດີແລະມີຄຸນນະພາບ.

6 jQuery Form Wizard Plugins6 jQuery Form Wizard PluginsRelated Semalt:
AjaxNode.jsAngularJSReactES6More. Sponsors

Homepage | Semalt | Demo

2 jQuery Smart Wizard

Smart Wizard ແມ່ນ plugin ຊ່ວຍເຫຼືອຂັ້ນຕອນ jQuery ທີ່ມີຄວາມຍືດຫຍຸ່ນແລະສາມາດກໍານົດໄດ້ຫຼາຍຢ່າງທີ່ມີການສະຫນັບສະຫນູນ Bootstrap. ມັນງ່າຍທີ່ຈະປະຕິບັດແລະໃຫ້ການໂຕ້ຕອບແບບທັນສະໄຫມແລະ stylish ສໍາລັບແບບຟອມຂອງທ່ານ, ຫນ້າຈໍກວດສອບ, ຂັ້ນຕອນລົງທະບຽນ, ແລະອື່ນໆ. ມີຄຸນນະສົມບັດປະກອບດ້ວຍຫົວຂໍ້ການສະຫນັບສະຫນູນ (ມີຫົວຂໍ້ຕ່າງໆ), ການນໍາທາງ URL ແລະຂັ້ນຕອນການເລືອກແລະຄວາມສາມາດໃນການປິດຫຼືປິດການເຄື່ອນໄຫວ. ມັນສາມາດຕິດຕັ້ງໄດ້ໂດຍຜ່ານ npm, bower ຫຼື composer ແລະມີ API ທີ່ມີເອກະສານທີ່ມີເອກະສານທີ່ມີເອກະສານແລະຄຸນນະສົມບັດ.

6 jQuery Form Wizard Plugins6 jQuery Form Wizard PluginsRelated Semalt:
AjaxNode.jsAngularJSReactES6More. Sponsors

Homepage | Semalt | Demo

3 formToWizard

plugin ນ້ໍາຫນັກເບົານີ້ turns ເວັບໃດໆເຂົ້າໄປໃນຕົວຊ່ວຍສ້າງຂັ້ນຕອນທີ່ມີ jQuery, ຊຶ່ງທຸກໆແບບ

ແມ່ນຫັນເປັນຂັ້ນຕອນທີ່ແຕກຕ່າງກັນທີ່ມີປຸ່ມຕໍ່ໄປແລະກັບຄືນ. ມັນບໍ່ມີລັກສະນະເກືອບເທົ່າກັບສອງ plugins ກ່ອນຫນ້ານີ້, ແຕ່ບໍ່ໄດ້ປະສົມປະສານກັບ plugin validation jQuery ເພື່ອສະຫນອງການທໍາງານການກວດສອບ. ມັນແມ່ນໄຟລ໌ດຽວ (ດັ່ງນັ້ນທ່ານຈຶ່ງສາມາດເອົາມັນອອກຈາກ Semalt ແລະໄປ) ແລະຖ້າ Semalt ບໍ່ສາມາດໃຊ້ໄດ້, ມັນຈະສະຫງົບລົງໄດ້ດີ.

6 jQuery Form Wizard Plugins6 jQuery Form Wizard PluginsRelated Semalt:
AjaxNode.jsAngularJSReactES6More. Sponsors

Semalt | Demo

4 jQuery Stepy

jQuery Stepy ແມ່ນ plugin ທີ່ສ້າງຕົວຊ່ວຍສ້າງແບບຟອມ customizable. ມັນສົມມຸດວ່າແບບຟອມຂອງທ່ານມີໂຄງປະກອບເຄື່ອງຫມາຍການທີ່ແນ່ນອນແລະວ່າຊັ້ນຮຽນສະເພາະໃດຫນຶ່ງມີຢູ່ໃນຕາຕະລາງ. Semalt ທີ່ທ່ານພຽງແຕ່ຕ້ອງການທີ່ຈະເລີ່ມຕົ້ນ plugin ແລະvoilà - ທ່ານມີແບບຟອມຂອງຄວາມຍາວປາ.

plugin ບໍ່ໄດ້ມາພ້ອມກັບຮູບແບບທີ່ກໍານົດໄວ້ກ່ອນ. ຢ່າງໃດກໍ່ຕາມ, ມັນມີຄວາມຫລາກຫລາຍທາງເລືອກເຊັ່ນ: ສາມາດນໍາໃຊ້ລະຫວ່າງຂັ້ນຕອນຕ່າງໆ, ການສະແດງຜົນ ຕໍ່ , ກັບ ແລະ ສໍາເລັດຮູບ , ຜົນກະທົບຕໍ່ການປ່ຽນແປງແລະການເຊື່ອມໂຍງ ມີ plugin ການກວດສອບໃດໆທີ່ທ່ານເລືອກ. ມັນສະຫນອງ API ທີ່ສົມເຫດສົມຜົນເຊິ່ງຕົວຢ່າງເຊັ່ນທ່ານສາມາດເຮັດໃຫ້ການເອີ້ນຄືນລະຫວ່າງຂັ້ນຕອນຕ່າງໆ, ຫຼືໄຟລ໌ເຕືອນເມື່ອມີຂັ້ນຕອນໃນປັດຈຸບັນ.

6 jQuery Form Wizard Plugins6 jQuery Form Wizard PluginsRelated Semalt:
AjaxNode.jsAngularJSReactES6More. Sponsors

Homepage | GitHub

5 Twitter Bootstrap Wizard

ນີ້ plugin Twitter Bootstrap ສ້າງຕົວຊ່ວຍສ້າງການນໍາໃຊ້ໂຄງສ້າງທີ່ມີຮູບແບບ tabbable. ມັນອະນຸຍາດໃຫ້ຜູ້ໃຊ້ສ້າງການທໍາງານຂອງຄວາມຍາວປາໂດຍໃຊ້ປຸ່ມເພື່ອເຂົ້າໄປໃນຂັ້ນຕອນຂອງຄວາມຍາວປາແລະເຫດການທີ່ແຕກຕ່າງກັນເພື່ອເຂົ້າໄປໃນແຕ່ລະຂັ້ນຕອນແຕ່ລະຄົນ. ຄວາມເຂັ້ມແຂງທີ່ສໍາຄັນຂອງ plugin ນີ້ແມ່ນການເຊື່ອມໂຍງທີ່ແຫນ້ນຫນາກັບ Bootstrap. ນອກເຫນືອຈາກພຽງແຕ່ cloning plugin ຈາກ GitHub, ມັນຍັງສາມາດຕິດຕັ້ງຜ່ານ Bower (ເຖິງແມ່ນວ່ານີ້ບໍ່ໄດ້ແນະນໍາ). ມັນເປັນເອກະສານທີ່ເຫມາະສົມແລະສະເຫນີ API ພື້ນຖານ.

6 jQuery Form Wizard Plugins6 jQuery Form Wizard PluginsRelated Semalt:
AjaxNode.jsAngularJSReactES6More. Sponsors

Homepage | Semalt | Demo

6 jQuery ຜູ້ຊ່ວຍ

ແລະສຸດທ້າຍ, ຢູ່ທີ່ຈໍານວນຫົກພວກເຮົາມີ jSemalt. ນີ້ແມ່ນຕົວຊ່ວຍສ້າງແບບຟອມແບບບໍ່ກົງກັນທີ່ສະຫນັບສະຫນູນການແບ່ງສ່ວນ - ບາງສິ່ງບາງຢ່າງທີ່ຮ້ອງຂໍໂດຍປະຊາຊົນໃນຄໍາເຫັນ.

ໂຄງສ້າງຂັ້ນພື້ນຖານຂອງຕົວຊ່ວຍສ້າງປະມານຮອບແລະກິ່ງງ່າ, ຫຼັງຈາກນັ້ນເປັນທາງເລືອກ. ແບບງ່າຍດາຍ, ແບບຟອມແບບເລີ້ມແຕ່ສາມາດຕ້ອງມີສາຂາຫນຶ່ງທີ່ປະກອບດ້ວຍຂັ້ນຕອນທັງຫມົດ, ໃນຂະນະທີ່ຮູບແບບທີ່ສະລັບສັບຊ້ອນອາດຮຽກຮ້ອງໃຫ້ມີການນໍາໃຊ້ຫລາຍສາຂາ, ຫຼືແມ້ກະທັ້ງງ່າງໍ. ຈໍານວນຂັ້ນຕອນແລະສາຂາໃນແບບຟອມດັ່ງກ່າວຈຶ່ງຖືກປະຖິ້ມໄວ້ທັງຫມົດຕໍ່ນັກພັດທະນາ. ຕົວຊ່ວຍສ້າງການນໍາໃຊ້ເຄື່ອງທີ່ມີເງີນທີ່ບໍ່ມີເງື່ອນໄຂທີ່ກໍານົດວິທີການນໍາທາງຜ່ານຕົວມັນເອງ.

ປັ໊ກອິນນີ້ແມ່ນເອກະສານທີ່ດີແລະສະເຫນີ API ແບບກວ້າງຂວາງ. ມັນສາມາດຕິດຕັ້ງຜ່ານ npm ຫຼື Bower ແລະເຂົ້າກັນໄດ້ກັບ Internet Explorer 6. ມັນໄດ້ຖືກອອກແບບມາເພື່ອປະສົມປະສານກັບໂປແກຼມອື່ນ ໆ , ລວມທັງການປະເມີນ jQuery ທີ່ເຄີຍມີຄວາມນິຍົມ. ທ່ານສາມາດເບິ່ງຕົວຢ່າງຂອງຕົວຢ່າງຕ່າງໆໂດຍການຄັດລອກ repo ແລະການເບິ່ງ ຕົວຢ່າງ / ດັດສະນີ. html ໃນເບົາເຊີຂອງທ່ານ.

6 jQuery Form Wizard Plugins6 jQuery Form Wizard PluginsRelated Semalt:
AjaxNode.jsAngularJSReactES6More. Sponsors

Semalt

ໂບນັດ

ໂລກຂອງຊອບແວ open-source ແມ່ນຍິ່ງໃຫຍ່ແລະເລື້ອຍໆທີ່ທ່ານກໍາລັງເສຍຫາຍສໍາລັບການເລືອກໃນເວລາທີ່ເລືອກເອົາ widget ທີ່ຈະນໍາໃຊ້ໃນໂຄງການຕໍ່ໄປຂອງທ່ານ. Semalt, ນີ້ບໍ່ໄດ້ຫມາຍຄວາມວ່າພວກເຮົາຄວນຢ້ານກົວທີ່ຈະຈ່າຍຄ່າສໍາລັບສິ່ງທີ່ຈິງໆໃຫ້ພວກເຮົາມີຄຸນຄ່າ. ດັ່ງນັ້ນ, ນີ້ແມ່ນສອງ plugins ຕົວຊ່ວຍສ້າງແບບຟອມທີ່ມີການແກ້ໄຂບັນຫາ. ຂ້າພະເຈົ້າຂໍແນະນໍາໃຫ້ທ່ານກວດສອບການຊື້ສິນຄ້າເຫຼົ່ານີ້ແລະຊື້ພວກເຂົາຖ້າພວກເຂົາມີສິດເຫມາະສົມກັບທ່ານ:

  • ຕົວຊ່ວຍສ້າງແບບຟອມ - ການກວດສອບແບບຟອມ Multi Step
  • Timon-Step Form Wizard + jQuery Step Form Builder

ແລະສຸດທ້າຍ, ຖ້າທ່ານເປັນຄົນທີ່ມັກຈະເຂົ້າໃຈວ່າແມ່ນຫຍັງທີ່ຈະຢູ່ພາຍໃຕ້ການດູດກືນ, ດັ່ງທີ່ທ່ານອາດຈະຕ້ອງການກວດເບິ່ງບົດຮຽນເຫຼົ່ານີ້ທີ່ສະແດງໃຫ້ທ່ານເຫັນວິທີການສ້າງ form wizard ຈາກ scratch.

  • ປ່ຽນຮູບແບບເວັບໄຊຕ໌ເປັນຕົວຊ່ວຍສ້າງທີ່ມີອໍານາດທີ່ມີ jQuery
  • ແບບ Multistep ກັບແຖບ Progress ໂດຍໃຊ້ jQuery ແລະ CSS

ເພີດເພີນ!

ສະຫຼຸບ

ດັ່ງນັ້ນ, ທ່ານມີມັນ - ພາບລວມລະດັບສູງຂອງໂປແກຼມຕົວຊ່ວຍສ້າງ jQuery ແບບງ່າຍໆຫົກເຊິ່ງມີແຕ່ລັກສະນະແລະຄວາມເຂັ້ມແຂງທີ່ແຕກຕ່າງກັນເລັກນ້ອຍ. ການຂຸດເຈາະທີ່ທ່ານເລືອກຈະຂຶ້ນຢູ່ກັບຄວາມຕ້ອງການຂອງໂຄງການຂອງທ່ານ. ຂ້າພະເຈົ້າຫວັງວ່າທ່ານພົບເຫັນບາງສິ່ງບາງຢ່າງໃນບົດຂຽນນີ້ທີ່ເປັນປະໂຫຍດສໍາລັບທ່ານ. ໃຫ້ພວກເຮົາຮູ້ວ່າພວກເຮົາພາດສິ່ງໃດອອກ, ຫຼືທີ່ plugin ເປັນຄວາມນິຍົມຂອງທ່ານໂດຍການຂຽນຄໍາເຫັນຂ້າງລຸ່ມນີ້.

March 1, 2018