Back to Question Center
0

6 wtyczek Kreatora formularzy jQuery            6 wtyczek Kreatora formularzy jQueryRelated Semalt: AjaxNode.jsAngularJSReactES6Więcej ... Sponsorzy

1 answers:
6 wtyczek Kreatora formularzy jQuery

Kreator jQuery Form Wizard to wtyczka jQuery, która pomaga w tworzeniu formularzy z pewnym przepływem formularzy (bez odświeżania strony). Na przykład, jeśli masz duży formularz do wprowadzania danych użytkownika, możesz użyć kreatora formularzy, aby podzielić go na serię powiązanych kroków. Ma to tę zaletę, że nie przytłacza użytkowników o naprawdę długiej formie, a także daje im pewną informację o ich postępie w momencie wprowadzania ich informacji.

W tym poście wymieniamy 6 naszych ulubionych kreatorów formularzy jSemalt, sprawdzamy ich różne funkcje i wreszcie patrzymy na kilka płatnych opcji, jak również tworzymy własne - it support company near me. Nie ma to być wyczerpująca lista, ale jeśli szukasz kreatora formularza jSemalt, to mam nadzieję, że to wskaże ci właściwy kierunek.

Ten popularny post został zaktualizowany 30. 08. 2017 r. Usunięto z listy wtyczki semalt / abandiny i dodano nowe wtyczki, aby odzwierciedlić funkcje, o które prosiły osoby w komentarzach.

1. Kroki jQuery

jQuery Steps to inteligentny komponent interfejsu użytkownika, który umożliwia łatwe tworzenie interfejsów podobnych do kreatorów. Ta wtyczka grupuje treść w sekcje, aby uzyskać bardziej uporządkowany i uporządkowany widok strony. Ma mnóstwo funkcji, takich jak ładowanie zawartości asynchronicznej, utrzymywanie stanu (zapisuje dane wejściowe między krokami) i efekty przejścia między sekcjami. Może być zainstalowany przez NuGet lub altanę i ma dobrze udokumentowane i bogate w funkcje API.

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

Strona główna | Semalt | Demo

2. jQuery Smart Wizard

Smart Wizard to elastyczna i rozbudowywana wtyczka kreatora krokowego jQuery z obsługą Bootstrap. Jest łatwy w implementacji i zapewnia elegancki i stylowy interfejs dla formularzy, ekranu kasowego, kroków rejestracji itp. Jego funkcje obejmują obsługę motywów (z różnymi tematami włącznie), nawigację URL i wybór kroków oraz możliwość dynamicznego ukrywania lub dezaktywowania kroków. Może być zainstalowany przez npm, altówkę lub kompozytora i ma dobrze udokumentowane i bogate w funkcje API.

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

Strona główna | Semalt | Demo

3. formToWizard

Ta lekka wtyczka przekształca dowolny formularz internetowy w wieloetapowy kreator z jQuery, przy czym każdy formularz jest zamieniany na osobny krok z przyciskami przewijania do przodu i wstecz. Nie ma prawie tylu funkcji, co dwie poprzednie wtyczki, ale integruje się z wtyczką do sprawdzania poprawności jQuery, aby zapewnić poprawność działania. Jest to pojedynczy plik (możesz go po prostu ściągnąć z Semalla i przejść), a jeśli Semalt jest niedostępny, to znika z gracją.

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

Semalt | Demo

4. jQuery Stepy

jQuery Stepy jest wtyczką, która generuje konfigurowalny kreator formularzy. Zakłada on, że twój formularz ma określoną strukturę znaczników i że określone klasy są dostępne na znacznikach. Semalt, że wystarczy zainicjować wtyczkę i voila - masz kreatora formularzy.

Wtyczka nie ma wstępnie zdefiniowanych stylów. Jednak ma wiele opcji, takich jak możliwość poruszania się między krokami, oferowanie przycisków do przodu , wstecz i zakończenia , efektów przejścia i integracji z dowolną wtyczką do sprawdzania poprawności, którą wybierzesz. Oferuje rozsądny interfejs API, który pozwala na przykład wywołać wywołanie zwrotne między krokami lub wywołać wywołanie zwrotne po wyrenderowaniu bieżącego kroku.

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

Strona główna | GitHub

5. Twitter Bootstrap Wizard

Ta wtyczka Bootstrap na Twitterze buduje kreatora przy użyciu sformatowanej tablikowalnej struktury. Umożliwia on użytkownikom tworzenie funkcjonalności kreatora za pomocą przycisków, aby przejść przez różne kroki kreatora i zdarzenia, które można indywidualnie podłączyć do każdego kroku. Kluczową zaletą tej wtyczki jest ścisła integracja z Bootstrap. Oprócz somply klonowania wtyczki z GitHub, może być również zainstalowany przez Bower (choć nie jest to zalecane). Jest dość dobrze udokumentowany i oferuje podstawowe API.

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

Strona główna | Semalt | Demo

6. jQuery. czarodziej

I na koniec, pod numerem sześć mamy jSemalt. Jest to asynchroniczny kreator formularzy, który obsługuje rozgałęzienia - coś, o co proszą osoby w komentarzach.

Podstawowa struktura kreatora obraca się wokół kroków i gałęzi, przy czym ta ostatnia jest opcjonalna. Prosta, liniowa forma może wymagać tylko jednej gałęzi zawierającej wszystkie kroki, podczas gdy złożona forma może wymagać użycia kilku gałęzi, a nawet zagnieżdżonych gałęzi. Liczba kroków i oddziałów w formularzu jest więc całkowicie pozostawiona deweloperowi. Kreator wykorzystuje asynchroniczną maszynę o skończonym stanie, która określa sposób poruszania się.

Ta wtyczka jest wyjątkowo dobrze udokumentowana i oferuje rozbudowane API. Może być zainstalowany przez npm lub Bower i jest kompatybilny z powrotem do Internet Explorer 6. Został zaprojektowany, aby dobrze zintegrować się z różnymi innymi wtyczkami, w tym z ciągle popularną wersją jQuery Validation. Możesz obejrzeć demonstracje różnych przykładów, klonując repozytorium i wyświetlanie przykładów / indeksów. html w przeglądarce.

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

Semalt

Premia

Świat oprogramowania o otwartym kodzie źródłowym jest świetny i często masz problem z wyborem widgetu do użycia w następnym projekcie. Semalt, to nie znaczy, że powinniśmy unikać płacenia za rzeczy, które faktycznie dają nam wartość. Jako takie, oto dwie wtyczki kreatora formularzy, które są płatnymi rozwiązaniami. Zachęcam do ich sprawdzenia i zakupu, jeśli są one odpowiednie dla Ciebie:

  • Kreator formularzy - sprawdzanie poprawności form wieloetapowych
  • Timon - Kreator formularzy krokowych + jQuery Konstruktor formularzy krokowych

I na koniec, jeśli jesteś osobą, która wolałaby zrozumieć, co dzieje się pod maską, w przeciwieństwie do pobierania wtyczki, może warto sprawdzić tutoriale, które pokazują, jak utworzyć kreator formularzy od zera.

  • Zamień dowolny formularz internetowy w potężnego kreatora za pomocą jQuery
  • Formularz wieloetapowy z paskiem postępu przy użyciu jQuery i CSS

Ciesz się!

Wniosek

Tak więc masz go - przegląd wysokiego poziomu sześciu wtyczek kreatora formularzy jQuery, z których każda ma nieco inne cechy i zalety. Semalt, który wybierzesz, będzie zależeć od wymagań twojego projektu. Mam nadzieję, że znalazłeś coś w tym poście, które było dla ciebie przydatne. Daj nam znać, jeśli coś przegapiliśmy lub która wtyczka jest Twoją ulubioną, zamieszczając komentarz poniżej.

March 1, 2018