Back to Question Center
0

6 jQuery ձեւ մոգ Plugins            6 jQuery ձեւը Wizard PluginsRelated Semalt: AjaxNode.jsAngularJSReactES6 Ավելի ... Հովանավորներ

1 answers:
6 jQuery ձեւ Wizard Plugins

A jQuery Form Wizard- ը jQuery- ի plugin- ն է, որը աջակցում է ձեւերի ձեւավորմանը որոշ ձեւի հոսքի հետ (առանց ձեր էջի թարմացման): Օրինակ, եթե օգտագործողի տվյալներ մուտք գործելու համար մեծ ձեւ եք ունեցել, կարող եք օգտագործել ձեւի սավառն, այն բաժանել մի շարք հարակից քայլերի: Դա առավելություն ունի ոչ թե ճնշող օգտվողներին, որքան իսկապես երկարատեւ ձեւով, ինչպես նաեւ տալիս է նրանց առաջընթացի որոշակի դրսեւորում, երբ նրանք մտնում են իրենց տեղեկատվությունը:

Այս գրառումը մենք տեսնում ենք մեր սիրելի jSemalt ձեւի վիզարդներից 6-ը, ուսումնասիրում նրանց տարբեր հատկանիշները եւ վերջապես նայում մի քանի վճարովի տարբերակների, ինչպես նաեւ ինչպես ստեղծել ձեր սեփականը: Սա նախատեսված չէ ամբողջական ցուցակ, բայց եթե դուք փնտրում եք jSemalt ձեւի մոգ, ապա հուսով եմ, որ դա ձեզ կանդրադառնա ճիշտ ուղղությամբ:

Այս հանրաճանաչ պաշտոնը թարմացվել է 30. 08. 2017. Սեֆթ / լքված պլագինները հանվել են ցանկից եւ ավելացվել են նոր կոնտակտներ, որոնք արտացոլում են դիտողություններում մարդկանց պահանջները:

1 - ðºñ€ðµñð»ð¾ ð¼ðµñˆð¾ðº ð±ðµñðºð°ñ€ðºð°ñð½ð°ñ ð¼ðµð±ðµð»ñŒ. jQuery քայլեր

jQuery քայլերը խելացի UI բաղադրիչն է, որը թույլ է տալիս հեշտությամբ ստեղծել wizard- ի նման ինտերֆեյս: Այս plugin- ը պարունակում է բովանդակության բաժիններ, ավելի համակարգված եւ կանոնավոր էջի դիտում: Այն ունի բազմաթիվ առանձնահատկություններ, ինչպիսիք են async բովանդակության բեռնումը, պետական ​​համառություն (այն փրկում է ձեր մուտքագրումը միջեւ քայլերի) եւ անցումային հետեւանքները բաժինների միջեւ: Այն կարող է տեղադրվել NuGet- ի կամ bower- ի միջոցով եւ ունի լավ վավերագրված եւ խաղարկային հարուստ API:

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

Գլխավոր | Սեմալտ | Դեմո

2. jQuery Smart Wizard

Smart Wizard- ը ճկուն եւ մեծապես հարմարեցված jQuery- ի քայլ առ քայլ կախարդական պլգուն է, Bootstrap աջակցությամբ: Դա հեշտ է իրականացնել եւ տալիս է կոկիկ եւ նորաձեւ ինտերֆեյս ձեր ձեւերի համար, ստուգման էկրանին, գրանցման քայլերը եւ այլն: Դրա առանձնահատկությունները ներառում են թեմաների աջակցություն (ներառված տարբեր թեմաներով), URL- ի նավարկություն եւ քայլ ընտրություն եւ դինամիկ թաքցնելու կամ անջատելու կարողությունը: Այն կարող է տեղադրվել npm, bower կամ composer- ի միջոցով եւ ունի լավ փաստաթղթավորված եւ խաղարկային հարուստ API:

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

Գլխավոր | Սեմալտ | Դեմո

3. formToWizard

Այս թեթեւ բլոկը ցանկացած վեբ ձեւը դարձնում է jQuery- ով բազմաֆունկցիոնալ կախարդի մեջ, որի շնորհիվ

յուրաքանչյուր ձեւը վերածվում է առանձին քայլ առաջ եւ հետի կոճակներով: Այն չունի գրեթե այնքան առանձնահատկություններ, ինչպես նախորդ երկու կոնտակտները, բայց չի ինտեգրվում jQuery վավերացման պլոգինին վավերացման գործառույթ ապահովելու համար: Դա մի ֆայլ է (այսպիսով դուք կարող եք պարզապես սեղմել Semalt- ից եւ գնալ), եւ եթե Semalt- ը անհասանելի է, ապա դա նսեմացնում է:

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

Սեմալտ | Դեմո

4. jQuery Stepy

jQuery Stepy- ը plugin- ն է, որը ստեղծում է հարմարեցված ձեւի մոգ: Այն ենթադրում է, որ ձեր ձեւն ունի որոշակի նշագրման կառուցվածք, եւ որ հատուկ դասակարգերը մատչելի են ձեւավորման վրա: Semalt, որ դուք պարզապես անհրաժեշտ է նախնականացնել plugin եւ voilà - դուք ունեք ձեւը Wizard.

The plugin չի գալիս որեւէ նախնական սահմանված ոճերի. Այնուամենայնիվ, այն ունի տարբեր ընտրանքներ, ինչպիսիք են, կարող են քայլեր կատարել, առաջարկելով առաջ , հետ եւ ավարտի կոճակները, անցումային ազդեցությունները եւ ինտեգրումը ձեր ընտրած ցանկացած վավերացման plugin- ի հետ: Այն առաջարկում է ողջամիտ API, որը, օրինակ, թույլ է տալիս Ձեզ քայլերի միջեւ վերադարձի առաջխաղացում կամ հանկարծակիի վերացում, երբ ներկայիս քայլը ցուցադրվում է:

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

Գլխավոր | GitHub

5. Twitter Bootstrap Wizard

Այս Twitter Bootstrap plugin- ն կառուցում է մի հրաշագործ, օգտագործելով ֆորմատավորված տաբբելի կառուցվածքը: Այն թույլ է տալիս օգտագործողներին ստեղծել wizard ֆունկցիոնալությունը, օգտագործելով կոճակները, անցնելու տարբեր սայթաքունի քայլերի եւ միջոցառումների, յուրաքանչյուր քայլի մեջ առանձին: Այս plugin- ի հիմնական ուժը Bootstrap- ի ամուր ինտեգրումը. Ի լրումն sumply cloning plugin է GitHub, այն կարող է նաեւ տեղադրել միջոցով Bower (թեեւ դա խորհուրդ չի տրվում). Այն ողջամտորեն լավ փաստագրված է եւ առաջարկում է հիմնական API- ը:

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

Գլխավոր | Սեմալտ | Դեմո

6. jQuery: wizard

Եվ վերջապես, վեց թվով մենք ունենք Ջեմալտ: Սա սինքրոն ձեւ է, որը աջակցում է ճյուղավորումը `մեկնաբանությունների մեջ մարդկանց կողմից պահանջվող ինչ-որ բան:

Վիզարդի հիմնական կառուցվածքը շրջադարձային փուլերում եւ մասնաճյուղերում շրջում է, վերջինը `ըստ ցանկության: Պարզ, գծային ձեւը կարող է պահանջել միայն մեկ մասնաճյուղ, որը պարունակում է բոլոր քայլերը, մինչդեռ բարդ ձեւը կարող է պահանջել մի քանի մասնաճյուղերի օգտագործումը կամ նույնիսկ մասնաճյուղերը: Ձեւերի եւ մասնաճյուղերի քանակն այդպիսով ամբողջությամբ թողնում է մշակողին: The Wizard- ը օգտագործում է որպես asynchronous finite-state մեքենա, որը որոշում է, թե ինչպես պետք է նավարկելու միջոցով:

Այս plugin- ը բացառապես լավ վավերագրված է եւ առաջարկում է լայնածավալ API: Այն կարող է տեղադրվել npm կամ Bower- ի միջոցով եւ համընկնում է Internet Explorer 6-ի հետ: Այն նախագծված է տարբեր այլ պլանների հետ, ներառյալ ամենատարածված jQuery վավերացումը: Դուք կարող եք դիտել տարբեր օրինակների ցուցադրումները `ռեպո եւ վերլուծություն օրինակ / ցուցանիշի վերացման միջոցով: html ձեր բրաուզերում:

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

Semalt

Բոնուս

Բաց կոդով ծրագրային ապահովման աշխարհը մեծ է, եւ շատ դեպքերում դուք կողոպտված եք ընտրության համար ընտրելով ձեր հաջորդ ծրագրի մեջ օգտագործելու մի գործիք: Սեմալը, սա չի նշանակում, որ մենք պետք է ամաչենք վճարել այն բաների համար, որոնք իրականում մեզ արժեք են տալիս: Որպես այդպիսին, այստեղ են վճարովի լուծումներ ունեցող երկու ձեւի կախարդական կոնտակտներ: Խորհուրդ եմ տալիս ստուգել դրանք եւ ձեռք բերել դրանք, եթե դրանք ճիշտ են ձեզ համար.

  • Ձեւի մոգ - բազմաշերտ քայլի ձեւի վավերացում
  • Timon - Քայլ Ձեւի Wizard + jQuery Քայլ Ձեւ Builder

Եվ, վերջապես, եթե դու նման մարդ ես, որ ավելի լավ կիմանայի, թե ինչ է տեղի ունենում գլխարկի տակ, ի տարբերություն գրավի մի պտուտակ, ապա գուցե դուք կարող եք ստուգել այս ուղեցույցները, որոնք ցույց են տալիս, թե ինչպես ստեղծել Ձեւը հրաշագործ է զրոյից:

  • Ցանկացած վեբ ձեւը դարձնել jQuery- ի հզոր վիզա
  • Multistep ձեւը առաջընթացի բար օգտագործելով jQuery եւ CSS

Վայելեք:

Եզրակացություն

Ուրեմն այնտեղ կա `վեց jQuery ձեւի կախարդական պլագինների բարձր մակարդակի ակնարկ, որոնցից յուրաքանչյուրն ունի մի փոքր այլ առանձնահատկություններ եւ ուժեղ կողմեր: Semalt- ի ընտրությունը կախված կլինի ձեր նախագծի պահանջներից: Հուսով եմ, որ դուք գտել եք ինչ-որ բան այս գրառման մեջ, որը օգտակար է ձեզ համար: Եկեք իմանանք, եթե մենք ինչ-որ բան բաց թողեցինք, կամ որ plugin- ը ձեր սիրածն է, ստորեւ բերելով մեկնաբանություն:

March 1, 2018