Регулярные выражения jQuery для URL

Валидация URL

var url = '/^(https?://)?([da-z.-]+).([a-z.]{2,6})([/w .-]*)*/?$/'; 

Буквы, цифры, дефисы

var url = '/^[a-z0-9-]+$/'; 

Убирает пробелы

var url = /(https?://)?([da-z.-]+).([a-z.]{2,6})([/w.-=?]*)*/?/

Регулярные выражения jQuery для даты

Дата в формате 21/3/2006

var dateRegex = /(d{1,2}/d{1,2}/d{4})/gm;

Дата в формате ММ/ДД/ГГГГ

var dateRegex = '^(0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])[- /.](19|20)dd$';

Дата в формате ДД/ММ/ГГГГ

var dateRegex = '^(0[1-9]|[12][0-9]|3[01])[- /.](0[1-9]|1[012])[- /.](19|20)dd$';

Регулярные выражения jQuery. Валидация

Обзор содержит несколько примеров валидации вводимых пользовательских данных средствами jQuery.

Валидация email:

var emailRegex = '^[A-Z0-9._%+-]+@[A-Z0-9.-]+.[A-Z]{2,4}$'; 

Валидация логина:

var usernameRegex = '/^[a-z0-9_-]{3,16}$/';

Валидация пароля:

var passwordRegex = '/^[a-z0-9_-]{6,18}$/';

Регулярные выражения jQuery для чисел

Только целые числа

var intRegex = /[0-9 -()+]+$/;

Маска IP-адреса

var ipRegex = 'bd{1,3}.d{1,3}.d{1,3}.d{1,3}b';

Число в диапазоне 0-255

var num0to255Regex = '^([01][0-9][0-9]|2[0-4][0-9]|25[0-5])$';

Число в диапазоне 0-999

var num0to999Regex = '^([0-9]|[1-9][0-9]|[1-9][0-9][0-9])$';

Целые и десятичные

var floatRegex = '[-+]?([0-9]*.[0-9]+|[0-9]+)';

Любое число от 1 до 50 включительно

var number1to50Regex = /(^[1-9]{1}$|^[1-4]{1}[0-9]{1}$|^50$)/gm;

jQuery: Работа с набором элементов

Помимо манипуляций с выбранными элементами, jQuery позволяет работать с самим набором элементов: изменять его, а так же работать с элементами по отдельности.

jQuery

jQuery: загрузка скрипта

Функция jQuery.getScript загружает и исполняет js-файл, используя метод GET.

Пример кода:

$.getScript("http://url.ru/script.js", function() {
  // здесь ваш код
});

jQuery.closest()

Метод jQuery.closest возвращает первый parent от выбранного элемента.

В примере выбран тег span. Найдя список ul, closest ему присваивает цвет текста red.

$(document).ready(function(){
  $("span").closest("ul").css({"color":"red"});
});

 

jQuery: Плавная замена блоков при нажатии

Данный пример будет полезен для последовательного заполнения данных пользователем без перезагрузки страницы. Удобно применять при пошаговом тестировании, либо при заполнении большого количества полей, разделив на несколько частей, дабы не спугнуть пользователя.

jQuery Slider. Событие для слайдера

Использование jQuery UI Slider значительно упрощает заполнение и восприятие пользовательских форм производящих какие-либо расчеты, т.к. удобнее передвинуть ползунок на нужную позицию, чем заполнять поля x=2333, y=3444, z=4555 и т.д.

Скругление углов изображений. jQuery

Тема округления углов сейчас довольно актуальна в сфере вэб-разработок. В действительности, округленные изображения будут смотреться симпатичнее прямоугольных в "вэбдванольных" проектах. Примеры: twitter.com minus.com. Много других можно включить в этот список.