Оригинальный эффект, который ставит и стирает галочки на полях checkbox карандашом
Данный вариант не использует графику и какие-либо библиотеки. Карандаш сделан линейным градиентом, а галочка закодирована в base64
Небольшой скрипт Autosize.js для автоматической настройки высоты текстовой области textarea.
Ранее уже была заметка для автоматического изменения поле ввода input. Данный скрипт делает тоже самое, только для текстовой области textarea.
Плагин для jQuery, позволяющий создавать различные маски для ввода числовых и буквенных данных
jQuery Masked Input Plugin позволяет создавать произвольные маски для вводимых данных в форму, например: дата, телефон, серийный номер и т.д.
Несколько вариантов оформления и добавление различных функций к ползунку диапазонов jQuery UI Slider
Все варианты в данной заметке являются адаптивными, и слайдер не зависит от ширины блока, в котором он находятся.
Настройка, события, методы, вывод данных и классы ползунка диапазонов jQuery UI Slider
Плагин jQuery UI Slider делает выбранные элементы ползунками. Существуют различные варианты, такие как несколько рукояток, которые можно перемещать с помощью мыши или клавишами стрелок, и диапазонов.
jQuery плагин radios-to-slider для создания слайдера из radio кнопок
Если для увеличивающегося значения данных формы используется не текстовое поле или select , а radio кнопки, то для их оформления можно воспользоваться данным плагином radios-to-slide
Простой плагин для jQuery, который изменяет размер текстового поля в зависимости от кол-ва текста.
Данный плагин имеет малый размер (1 кб.) и может использоваться в адаптивном дизайне.
Очень простой метод запрета отправки формы пока не установлена галочка checkbox
С вступлением в силу закона о персональных данных, очень многим потребовалось ставить пользовательское соглашение в каждую форму, без соглашения с которым ее нельзя отправить. Другими словами, пока не согласился с какими либо условиями, нельзя отправить форму.
Сделать такое можно разными способами, например, проверить на JS заполненные поля, и если не установлен флажок, вывести предупредительное сообщение. Также можно сделать проверку после отправки формы на PHP и проверить уже там, был ли поставлен флажок.
Но есть способ намного проще – просто заблокировать кнопку "отправить" пока не установлена галочка на условиях.
Правильное отображение капчи reCAPTCHA на малых экранах и в узких блоках
Стандартная ширина капчи от Google reCAPTCHA имеет ширину 302 пикселя.
Соответственно, если блок, в котором она находится имеет меньший размер, то его либо раздвинет, либо будет не видно часть капчи.
Лечится это очень простым JS кодом с библиотекой jQuery
Работаю с ним более 10 лет!
От 119 рублей в месяц
