Практическое занятие № 14

Тема: Работа с регулярными выражениями

Цель работы: получить практические навыки по созданию и использованию регулярных выражений.

Ход работы

Пусть имеется страница (скачать). С помощью языка JavaScript и языка регулярных выражений реализуйте на странице ряд функций.

Указания: весь код будем выполнять после полной загрузки всей страницы. В разделе head страницы введите код заготовку для остальных скриптов:

1. С помощью выпадающего списка пользователь может выбрать символы для маркировки элементов в маркированных списках.

Указания: тип маркировки задается с помощью тега <ul type="маркер">. Необходимо во всем тексте страницы найти это сочетание <ul> и заменить его на <ul type="маркер">.

2. Пусть в тексте имеются адреса почтовых ящиков. Создайте кнопку, при щелчке на которой каждый ящик заменяется на ссылку на ящик.

Указания: в регулярном выражении сам ящик поместим в "карман", а при замене обратимся к содержимому "кармана" с помощью записи $1.

В скрипт добавьте код вида:

}

3. На форме первое поле позволяет ввести только русский текст. Во втором поле можно ввести только дату в формате dd.mm.yy. Третье поле позволяет ввести текст длиной не менее 6 символов. Написать код, который проверяет ввод и не дает ввести ошибочный текст, удаляя ошибку.

Указания: получим массив текстовых полей и для каждого поля присвоим свой код проверки в событии onblur.

4. Рассмотренный пример с вводом даты имеет недостаток. Проверяется только пары 00-39.00-12.00-99. Естественно, что в этих диапазонах есть недопустимые данные: 00.00.99 или 39.00.99 и т.п. Попробуйте ввести такие данные - поле работает.

Измените код второго поля так, чтобы проверялись именно все допустимые данные.

Указания: для решения воспользуемся тем же регулярным выражением, но каждую часть даты поместим в "карман", а затем проверим их.

Код события имеет вид:

5. Все даты в тексте заменить на даты в формате MySQL: yy-mm-dd. Действие выполнить при щелчке на второй кнопке.

Указания: найдем в тексте дату, разобъем ее на "карманы". Затем функцией замены перепишем дату в нужном формате, обращаясь к карманам по номерам $1, $2, $3.

Для кнопки в теге скрипта напишем код:

6. Самостоятельно с помощью отдельных кнопок выполните действия:

- в начало каждого абзаца добавьте картинку с помощью тега img

- создайте поле, в которое можно ввести только ip адрес

- все даты сделать зеленым цветом,

- все ссылки на php файлы выделить красным цветом и сделать жирными.