Добавляем свои правила валидации к плагину jQuery.validate

Для удобной валидации форм я обычно использую плагин jquery.validate. С его помощью очень просто валидировать любую форму используя уже готовые правила валидации (основаные на регулярных выражениях). Но иногда возникает нужда в использовании своих регулярных выражений и jquery.validate предоставляет хороший инструмент для этого. Например требуется, чтобы пользователь ввел адрес своей странички VKontakte, если она у него есть. Можно конечно использовать готовое правило url, но хотелось бы проверку более точную — наличие в url строки ‘vk.com/’. Имеем:

[codesyntax lang=»javascript» title=»jQuery»]

jQuery.validator.addMethod("vk", function(value, element) {
	return this.optional(element) || /^(http:\/\/)*(www.)*vk.com\/(.+)/.test(value);
}, "Введите корректный адрес VKontakte. Например http://vk.com/UserID");

[/codesyntax]

Как видно из примера — используя метод addMethod объекта validator, а также регулярные выражения можно написать практически любое правило валидации.

P.S. Для удобной работы с регулярными выражениями я бы рекомендовал сервис RegExr.

Запись опубликована в рубрике JavaScript/JQuery с метками , , , . Добавьте в закладки постоянную ссылку.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *