Главные темы. Последние записи с тегом «jquery». Страница 97

Сегодня 10 января, пятница

Какой рейтинг вас больше интересует?

получить код

Главная /

Главные темы

Тэг «jquery»

Веб-дизайн / [Перевод] 10 примеров меню для web страниц

2011-09-15 18:21:37
Эти способы не являются ноу-хау или чем-то в этом духе. Тем не менее, они могут помочь начинающим ...
+ развернуть текст сохранённая копия

Тэги: css, jquery, дизайн, меню

JavaScript / [Из песочницы] Валидация в JavaScript с помощью Valid8

2011-09-13 21:46:59
... основном работаю через jQuery, всё нравится, но ... скажешь о склеивании jQuery «обрезков» из интернета ...
+ развернуть текст сохранённая копия

Часто приходится «насыщать» интерфейсы с помощью JavaScript. В основном работаю через jQuery, всё нравится, но одна беда – валидация. Постоянно приходится изобретать «велосипед», искать в сети обрывки кода; а ведь хочется написать пару строчек без углубления в детали. Радость не заставила себя ждать: нашёл библиотеку Valid8 (произносится как validate), и, наконец, решил проблему написания кода валидации.

Как пользоваться

Пользоваться библиотекой оказалось очень просто, чего не скажешь о склеивании jQuery «обрезков» из интернета. Чтобы подключить библиотеку, нужно зайти сюда и нажать заветный Download. Скачается архив, в котором особый интерес представляет файл jquery.valid8.js, его копируем в папку с js файлам нашего проекта и подключаем библиотеку в html:

<script src="/js/jquery-1.6.3.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/jquery.valid8.js" type="text/javascript" charset="utf-8"></script>

Допустим у нас есть форма:

<form><ul>
<li><input type="text" id="inputSome" /></li>
</ul></form>

Добавляем валидацию (по умолчанию только проверка обязательности заполения), передавая в качестве параметра строку с сообщением об ошибке. Работаем в стиле jQuery:

$('#inputSome').valid8("Заполни это поле!");

После того как поле получит фокус и вы из него выйдете не заполнив, объемлющий тег (в нашем случае li) получит класс стиля error.
Для визуализации ошибок добавим CSS в head нашего документа:

<style>
.error input { background:pink; }
</style>

Валидация готова. Все.

Читать дальше →

Тэги: ajax, javascript, jquery, valid8, валидация

Страницы: ... 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 ...

Главная / Главные темы / Тэг «jquery»

Блограйдеров
14503

Блогов
219930
(+0 сегодня)

Сообществ
1311
(+0 сегодня)

ЖЖ все стерпит
по количеству голосов (152) в категории «Истории»

Категория «Природа»

Взлеты Топ 5


+344	353	ГОРОСКОП
+342	418	glois-en101
+318	355	ALTAR-NIK
+308	361	Кладезь информации! djrich.info
+284	351	Петербуржец

Падения Топ 5


-2	87	Обойдемся без болезней
-4	8	SUPER ANI - Информационно-познавательный проект.
-16	396	Чтобы выжить
-17	2	Красное Море Дайвинг
-18	295	Marina Pletneva

Загрузка...

Главные темы

Тэг «jquery»

Веб-дизайн / [Перевод] 10 примеров меню для web страниц

JavaScript / [Из песочницы] Валидация в JavaScript с помощью Valid8

Как пользоваться

Простенькое jQuery слайдшоу

Модальное окно с полосой прокрутки

Делаем свой сайт актуальнее