PHPackages                             ange007/jquery-formstyler-modern - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [File &amp; Storage](/categories/file-storage)
4. /
5. ange007/jquery-formstyler-modern

ActiveLibrary[File &amp; Storage](/categories/file-storage)

ange007/jquery-formstyler-modern
================================

JQuery HTML form styling plugin

2.1.6(6y ago)19234[6 issues](https://github.com/ange007/JQueryFormStyler-Modern/issues)MITCSSCI failing

Since Jan 8Pushed 6y ago4 watchersCompare

[ Source](https://github.com/ange007/JQueryFormStyler-Modern)[ Packagist](https://packagist.org/packages/ange007/jquery-formstyler-modern)[ Docs](https://github.com/ange007/JQueryFormStyler-Modern)[ RSS](/packages/ange007-jquery-formstyler-modern/feed)WikiDiscussions release Synced today

READMEChangelog (10)Dependencies (1)Versions (23)Used By (0)

jQuery FormStyler Modern [2.x](CHANGELOG.md)
============================================

[](#jquery-formstyler-modern-2x)

[![Latest Stable Version](https://camo.githubusercontent.com/653300422d2a2557f2eab92582ec461fd56f7087d2a54dbe4b713aaea4423af6/68747470733a2f2f706f7365722e707567782e6f72672f616e67653030372f6a71756572792d666f726d7374796c65722d6d6f6465726e2f762f737461626c65)](https://packagist.org/packages/ange007/jquery-formstyler-modern)[![Total Downloads](https://camo.githubusercontent.com/b5bd3293c1c44a0d216476ed90ce52ab34fd0c5a78bcc51a0f857662e82ae677/68747470733a2f2f706f7365722e707567782e6f72672f616e67653030372f6a71756572792d666f726d7374796c65722d6d6f6465726e2f646f776e6c6f616473)](https://packagist.org/packages/ange007/jquery-formstyler-modern)[![License](https://camo.githubusercontent.com/9efa18525bc1d43c75f0d555b358d18cc1805a904ff8934cec3d4e021893d633/68747470733a2f2f706f7365722e707567782e6f72672f616e67653030372f6a71756572792d666f726d7374796c65722d6d6f6465726e2f6c6963656e7365)](https://packagist.org/packages/ange007/jquery-formstyler-modern)[![Build Status](https://camo.githubusercontent.com/5bc5e790f737678b82f02c05f371a1e0ba2bf1ff5de0d072686016a340bd2cfe/68747470733a2f2f7472617669732d63692e6f72672f616e67653030372f4a5175657279466f726d5374796c65722d4d6f6465726e2e7376673f6272616e63683d6d6173746572)](https://travis-ci.org/ange007/JQueryFormStyler-Modern)

> Самостоятельное ответвление от плагина **[jQueryFormStyler](https://github.com/Dimox/jQueryFormStyler)**

[![jQuery FormStyler Modern](https://github.com/ange007/JQueryFormStyler-Modern/raw/master/screenshot.png)](https://github.com/ange007/JQueryFormStyler-Modern/blob/master/screenshot.png)

- [Demo](http://ange007.github.io/JQueryFormStyler-Modern/)
- [Changelog](CHANGELOG.md)
- [Contributing](CONTRIBUTING.md)
- [Download](https://github.com/ange007/JQueryFormStyler-Modern/releases)

Info
----

[](#info)

JQuery HTML form styling and modernization plugin:

- ``
- ``
- ``
- ``
- `` *(styling and show/hide password button)*
- `` *(styling and function for search on server by AJAX requests)*
- ``, ``, `` and other *(styling only with CSS)*

Attention!
----------

[](#attention)

Settings from plugin vesion **2.x** - differ from version **1.x**.

> Структура настроек плагина версии **2.x** - отличаются от настроек [оригинального](https://github.com/Dimox/jQueryFormStyler) и версии [1.x](https://github.com/ange007/JQueryFormStyler-Modern/tree/1.x---release) данного плагина.

Install
-------

[](#install)

Composer:

```
$ php composer.phar require "ange007/jquery-formstyler-modern"
```

NPM:

```
$ npm i jquery.formstyler-modern
```

Getting Started
---------------

[](#getting-started)

Main plugin file - `jquery.formStylerModern.js`. Connection of styles is possible in two ways:

- `jquery.formStylerModern.css` *(frame and default style)*
- Frame file - `/style/jquery.formStylerModern.frame.css` and style file - `/style/jquery.formStylerModern.(default|bootstrap|etc).css`

Works
-----

[](#works)

Stylish elements.

```
$( 'input, select, button' ).styler(
{
	locale: 'ru',
	select: {
		search: {
			limit: 10
		}
	},
	onFormStyled: function( )
	{
		...
	}
} );
```

Reload plugin with certain settings.

```
$( '#checkbox-indeterminate-change' ).styler( 'reinitialize', { checkbox: { indeterminate: true } } );
```

Clean style.

```
$( 'input, select, button' ).styler( 'destroy' );
```

Repaint after "manual" change.

```
$( this ).prop( 'disabled', true )
	.trigger( 'repaint' );
```

Search from server.

```
$( '#search' ).styler( 'reinitialize', {
	select: {
		search: {
			ajax: {
				delay: 250,
				cache: true,

				url: 'https://api.github.com/search/repositories',
				data: function( params ) {
					return {
					  q: params.term,
					  page: params.page
					};
				},

				processResults: function( data, params )
				{
					var items = [ ];

					$( data.items ).each( function( index, value )
					{
						items.push( { 'value': value.html_url,
									'caption': value.owner.login + '/' + value.name } );
					} );

					return {
						items: items
					};
				}
			}
		}
	}
} );
```

###  Health Score

32

—

LowBetter than 74% of packages

Maintenance14

Infrequent updates — may be unmaintained

Popularity17

Limited adoption so far

Community13

Small or concentrated contributor base

Maturity73

Established project with proven stability

 Bus Factor1

Top contributor holds 98.6% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~66 days

Recently: every ~161 days

Total

19

Last Release

2535d ago

Major Versions

1.5.3 → 2.0.02017-06-07

### Community

Maintainers

![](https://www.gravatar.com/avatar/62acb1df76faba2aec835f36928ba4c3b12142bbfa529f2be489f2bd393bfbff?d=identicon)[ange007](/maintainers/ange007)

---

Top Contributors

[![ange007](https://avatars.githubusercontent.com/u/2736539?v=4)](https://github.com/ange007 "ange007 (70 commits)")[![osben](https://avatars.githubusercontent.com/u/2747021?v=4)](https://github.com/osben "osben (1 commits)")

---

Tags

buttonscssform-styleform-stylerformstylerinputjqueryjquery-htmljquery-pluginjspasswordpluginrangerange-sliderselectselectboxstylestylesheetuiui-componentsjavascriptstylepasswordfilejqueryforminputselectrangecheckboxjquery-pluginradiostylerformstyler

### Embed Badge

![Health badge](/badges/ange007-jquery-formstyler-modern/health.svg)

```
[![Health](https://phpackages.com/badges/ange007-jquery-formstyler-modern/health.svg)](https://phpackages.com/packages/ange007-jquery-formstyler-modern)
```

###  Alternatives

[kartik-v/bootstrap-fileinput

An enhanced HTML 5 file input for Bootstrap 5.x, 4.x, and 3.x with features for file preview for many file types, multiple selection, ajax uploads, and more.

5.4k7.8M13](/packages/kartik-v-bootstrap-fileinput)[kartik-v/yii2-widget-fileinput

An enhanced FileInput widget for Bootstrap 3.x, 4.x &amp; 5.x with file preview, multiple selection, and more features (sub repo split from yii2-widgets)

2356.7M90](/packages/kartik-v-yii2-widget-fileinput)[snapappointments/bootstrap-select

The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 4 support.

9.8k472.9k3](/packages/snapappointments-bootstrap-select)[kartik-v/yii2-password

Useful password strength validation utilities for Yii Framework 2.0

761.1M16](/packages/kartik-v-yii2-password)[kartik-v/yii2-widget-rangeinput

An enhanced Yii 2 widget encapsulating the HTML 5 range input (sub repo split from yii2-widgets)

213.9M3](/packages/kartik-v-yii2-widget-rangeinput)[phery/phery

XAJAX alternative, phery.js is a library in PHP that maps to all jQuery functions, DOM manipulation, meta arguments and serialization, seamless ajax integration, RESTful emulation, form submission and partial rendering views, plus its PSR-0 compatible

13413.0k2](/packages/phery-phery)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
