Skip to content

Main Navigation Extras

Getting Started

VitePress Features

Spell checking (cspell)

❤️ Become a sponsor!

English

English

Appearance

Sidebar Navigation

ABTest

AjaxForm

AjaxFormItLogin

System settings

Scripts and styles

System events

Snippets

AjaxFormitLogin

aflActivateUser

Custom snippets

Hooks

AjaxIdentification

Validators

aflCheckPassLength

aflPasswordConfirm

aflRequiredIf

aflUserExists

aflUserNotExists

ajaxLogin

AjaxSnippet

allGifts

Quick start

Problem solving

amoCRM

Installation and setup

Sending form data

Webhook

Events

Common mistakes

autoRedirector

BannerY

Interface

Banners

Positions

Cabinet

CallBack

cityFields

Cities and data management

Using domains, subdomains and subdirectories

Product price management

Component settings

cfCities snippet

cfField snippet

Sitemap generation

CitySelect

ClickToCall

Comparison

addComparison

CompareList

getComparison

CronTabManager

Settings

Interface

Commands

Background jobs

CurrencyRate

customExtra

DebugParser

DigitalSignage

easyComm

Description

Interface

Settings

Snippets

Plugins and customization

Multiple rating fields

Rating in pdoResources, msProducts snippets

Common solutions and FAQ

easyRedirects

ePochta

FetchIt

Quick start

FetchIt snippet

Component settings

Selectors

Migration from AjaxForm

Custom snippet handling

JS API

FetchIt class

FetchIt instance

Events

Form markup

Bootstrap form

Bulma form

UIkit form

Fomantic-UI form

Pico.css form

Cirrus CSS form

turretcss form

Vanilla form

Popup notifications

Notyf

SweetAlert2

iziToast

Notiflix.Notify

Notie

Awesome Notifications

Toastify JS

AlertifyJS

PNotify

toastr

jGrowl

NOTY

Modals

Bootstrap modals

tingle.js modals

Micromodal.js modals

Validation

Validation with Iodine

Validation with yup

FileAttach

FileMan

Interface

Snippets

Settings

FlatFilters

Getting started

Snippets

Chunks

Events

Development

Formalicious

Setup

Media sources

Categories

Field types

Creating a form

FAQs

Frontend Editor

frontTabs

GoogleSheets

Authorization

Import

Resources

Products

Categories

Vendors

msOptionsPrice2

msProductRemains

Export

Resources

Categories

Products

Orders

Vendors

Users

Clients

msOptionsPrice2

msProductRemains

MIGX

Snippets

GoogleSheets

GoogleSheetsSaveForm

GoogleSheetsFront

Development

Events

HybridAuth

Snippets

HybridAuth

haProfile

Providers

Disqus

Facebook

Foursquare

GitHub

Goodreads

Google

LastFM

Live

Mailru

Instagram

Yandex

Twitter

Vkontakte

Odnoklassniki

idimage

Quick start

Product indexing

Indexing types

Category settings

System requirements

Snippets

Background jobs

Localizator

Snippet Localizator

Language switching

Events

Sitemap formation

Import in localization

seoTemplates

hreflang attribute

LxQuiz

Snippet LxQuiz

Snippet LxQuizList

MagicThemes

Themes

handyShop

Setup

Example: Things

Mapex2

mdDocs

mFilter

Quick start

System settings

Caching

Snippets

mFilter

mFilterForm

Manager interface

Filter sets

Slugs

URL patterns

SEO templates

Word forms

Maintenance

Front-end

Templates

Placeholders

Development

JavaScript

JS API

Headless API

Services

Filter types

Events

Models and DB

Integrations

MiniShop3

mSearch

Cookbook

Filter values sorting

External filters

Custom filter type

MigxPageConfigurator

Getting started

Working with chunks

Working with snippets

Working with forms

Working with contacts

Working with images

Creating and updating elements

Region-specific data

MinifyX

miniShop2

Quick start

System requirements and dependencies

Interface

Category

Product

Orders

Settings

Gallery

Task manager

Utilities

Gallery

Import

Snippets

msProducts

msCart

msOrder

msMiniCart

msGetOrder

msGallery

msOptions

msProductOptions

Development

Product plugins

Scripts and styles

Events

Services

Cart

Order

Delivery

Payment

Connection

Payment modules

Other add-ons

Useful queries

Count products in category

Get MS2 product vendors

Get product IDs by MS2 option

Resource tree

Get all product categories

Get products by options

Get links to product extra categories

MiniShop3

Quick start

Differences from miniShop2

System settings

Snippets

msProducts

msCart

msOrder

msGetOrder

msGallery

msOptions

msProductOptions

msCustomer

msOrderTotal

Manager interface

Category

Product

Gallery

Settings

Deliveries

Payments

Vendors

Links

Options

Utilities

Gallery

Import

Product fields

TV fields

Grid columns

Model fields

Frontend interface

Catalog

Product page

Cart

Checkout

Thank you for your order

Customer account

Customer profile

Shipping addresses

Order history

Development

Events

Plugin guide

Cart

Order

Order model

Order item

Cost

Status

Customer

Product

Vendor

Notifications

Import

Manager

REST API

API Router

JavaScript API

Frontend JavaScript

Scheduler

Models and database schema

Service layer

mixedImage

modDevTools

modRetailCRM

Presetup

Upload products

Upload users

Upload orders

API examples

Create new contact

Quick order product

Search order in RetailCRM

Search product in RetailCRM

Triggers

Order status change

Modules and class extension

Example class extension

ModTree

modVkMarket

ms_CDEK2

Getting started

Snippets

Events

Development

ms2form

ms2Gallery

Snippets

ms2Gallery

ms2GalleryResources

Preview generation

Integration

Images on page

Examples

Console import

Bootstrap3 slider

msAddLinked

msAltCart

Getting started

Snippets

JavaScript

Events

Number input field

msBonus2

Quick start

Snippets

msBonus2Form

msBonus2Logs

msBonus2ProductBonus

jQuery events

Plugin events

msb2OnBeforeSetBonus

msb2OnSetBonus

msb2OnUnsetBonus

Examples

Programmatic API

Cases

Email notice about bonuses spent on order

Extra bonuses for first order

Use either msPromoCode2 or msBonus2

msBuyNow

mscAddress

msCategoryOptions

mscDistance

mscZone

msDaData

msDellin

msDiscount

Promotions

Discounts

Coupons

Snippets

msdBuyNow

msdGetDiscount

mSearch

Snippets

mSearch

mSearchForm

Interface

Search

Indexing

Queries

Aliases

Dictionaries

Extending the component

mSearch2

Snippets

mSearch2

mFilter2

mSearchForm

Administration

Search

Indexing

Queries

Synonyms

Dictionaries

Extension

Filtration methods

Product filtration example

Solutions

Dependent filters

Category filtration

msEMS

msExtraFields

Features

Installation

Interface

Settings

Snippets

Plugins

msFavorites

Quick start

Update

msGallerySearch

Load from link

Find in Google

Find in images

System settings

msGoodsLinks

msImportExport

msImportExport 1.0

msImportExport 2.0

msLiveInform

msManagerOrderMap

msMarketingStatuses

msMCD

msMerchant

msNewPrice

mSocial

mSocialVK

mSocialFB

msOneClick

msOptionsPrice

mspAssistBelarus

mspBePaid

msPointsIssue

Snippets

msPointsIssue.Order

Interface

Orders

Settings

mspPayAnyWay

mspPayPal

mspPaySelectionWidget

mspPayU

msPre

Features

Interface

COMBO

Product and Prices

miniShop2 options

TV parameters

List field settings

List editing

Transactions

msProductDiscounts

Javascript

Cases

msProductRemains

Component settings

Remains tab

Remains page

getRemains snippet

Examples

msProfile

Interface

Snippets

msProfile

msProfileCharge

Plugin

msPromoCode

Functionality

Promotions

Application conditions

Referral promo codes

Fixed cart discount

Installation and setup

Snippets

mspcForm

mspcRefCoupon

jQuery events

Plugin events

mspcOnBeforeSetCoupon

mspcOnSetCoupon

mspcOnBeforeSetProductDiscount

mspcOnSetProductDiscount

mspcOnBindCouponToOrder

Cases

Output promo code info in email

Personalized promo codes for user

Cancel promo code when cart contains prohibited products

msPromoCode2

Quick start

Snippets

msPromoCode2

mspc2Generate

mspc2CartKey

jQuery events

Plugin events

mspc2OnBeforeGetCoupon

mspc2OnGetCoupon

mspc2OnBeforeSetCoupon

mspc2OnSetCoupon

mspc2OnUnsetCoupon

mspc2OnSetProductDiscountPrice

Examples

Programmatic API

Cases

Output promo code info in email

Set promo code programmatically on site visit

Generate promo code in email for next order

Apply either msPromoCode2 promo code or msBonus2 bonuses

mspUP

mspWebPay

mspYaCassa

msQuickView

msSalePrice

msSetInCart

msSMS

msWallpapers

Installation and setup

Snippets

mswp.form

Plugin events

mswpOnGetProductPrice

mswpOnGetProductCost

Examples

Cases

Form in modal with texture pre-selection

msYmarket

mSync

Installation

Interface

Settings

Events and plugins

multiLingual

Translation principle

Problem solving

Interface

Adding languages

Adding translations to fields

Snippets

mlLanguagesLinks

MyFavorites

NotFoundParamAlert

Office

Quick start

Logic

Additional functionality

Controllers

Auth

Profile

Orders history MS2

Remote auth

orderPrint

Settings

Templates

ordersUnformed

OrphoMan

PageBreaker

Settings

Support for TinyMCE

PageSpeed

PayAndSee

Interface

Resource

Orders

Content

Rates

Clients

Subscriptions

Statuses

Notifications

Settings

Snippets

pas.content

pas.order

pas.get.order

pas.subscription

Development

Scripts and styles

Events

Extensions

Services

Cart

Order

Delivery

Payment

Other extras

msDiscount

msPromoCode

pdoTools

Snippets

pdoResources

pdoMenu

pdoPage

pdoCrumbs

pdoUsers

pdoSitemap

pdoNeighbors

pdoField

pdoTitle

pdoArchive

Classes

pdoTools

pdoFetch

pdoParser

General properties

File elements

Parser

plAffiliates

Platron

PromoDs

Quiz

Snippets

Quiz

QuizData

QuizSteps

QuizResult

SeoImg

Events

Methods

Examples

RBK Money

Choosing payment method on site

ReachGoal

ResourceGrabber

Interface

Data

Snippets

Settings

Development

Services

Getter

Grabber

Setter

Events

ResVideoGallery

Snippets

ResVideoGallery

ResVideoGalleryTags

ResVideoGalleryUpload

Adding custom video parser

Events

Settings

VKontakte

Save2Page

Scheduler

Installation

Creating a task

Scheduling a task

Task development

scxcaptchaAjaxForm

Sendex

Interface

Subscriptions

Email queue

SendIt

Getting started

Sending data

Pagination

Identification

Quiz forms

File upload

Saving form data

Notifications

Snippets

Events

Development

SEO Domains

SEO Suite

SeoFilter

Quick start with mFilter2

Quick start without mFilter2 and miniShop2

Additional features

Snippets

sfWord

sfLink

sfMenu

sfSitemap

Substitutions in SEO texts

Component objects

Field

Rule

Dictionary

URL table

SEOtabs

seoTabs snippet

ShoppingCart

simpleQueue

smartSessions

SocialTools

Snippets

socDialogForm

socDialogList

socDialogReceive

StaticSaver

textAdvs

How to add a tag

Tickets

Interface

Creating a ticket section

Creating a ticket

User permissions setup

Snippets

getTickets

getTicketsSections

TicketComments

TicketForm

TicketLatest

TicketMeta

subscribeAuthor

TicketFormit

TVTable

UserAuthHash

Development

Events

Extensions

UserEvents

Interface

Orders

Events

Statuses

Notifications

Settings

Snippets

ue.order

ue.get.order

Development

Scripts and styles

Events

Extensions

Services

Order

Delivery

Payment

UserLocation

Development

Events

userMarker

UsersOnline

ViewsOnline

VoteForms

VueTools

Integration

API Composables

WebDAV

WebMoney

xCalc

Snippets

xCalc

Field types

jQuery events

Cases

Windowsill calculator

AjaxForm for results output

xParser

RSS feed parser

HTML content parser + combined tasks

Working with miniShop2 products

Working with galleries

Pagination

Regular expressions

Plugin events

xParserOnFilterSourceItems

xParserOnBeforeTaskParse

xParserOnTaskItemParse

xParserOnBeforeTaskActions

xParserOnTaskParseDone

Examples

Cron task runner script

Node JS daemon

Yandex.Money

YandexMaps

YandexMaps2

Snippets

YandexMaps2

Quick start

Working with mFilter2

jQuery events

Map constructor

Plugin events

ymOnLoadObjects

Examples

Cases

Points from MIGX with custom icons on frontend

Disable all map controls

Output parent resource data in balloons

ZoomX

On this page

Lightweight component for form handling and submission using Fetch API

modstore.pro
modx.com
github.com

Gulomov Bakhtovar

Extras
FetchIt
Form markup

Form markup

Below is a list of form markup examples for popular CSS frameworks.

Bootstrap
Bulma
UIkit
Fomantic-UI
Pico.css
Cirrus CSS
turretcss
Vanilla

Author:Gulomov Bakhtovar

Component menu

Quick start
FetchIt snippet
Component settings
Selectors
Migration from AjaxForm
Custom snippet handling
JS API
Form markup
Popup notifications
Modals
Validation
- Validation with Iodine
- Validation with yup

Suggest changes to this page

Last updated:

Previous pageEvents

Next pageBootstrap form