Java Script(JS): Прочие объекты Java Script. Объекты Function и RegExp - регулярные выражения.

Автор megabax

05.05.2013 г.

Урок 13. Управление шрифтами в CSS New Page 1

Java Script(JS): Прочие объекты Java Script. Объекты Function и RegExp - регулярные выражения.

Для углубленного изучения web-программирования (язык PHP и написание своей собственной CMS) советую подписаться на платный раздел (см. анонсы раздела "Пишем Easy CMS").

Продолжим изучать прочие объекты Java Script. Объект Function. Его можно создать как через new Function, так и ключевым словом function, когда мы объявляем новую функцию (см. урок "Web-программирование: "Java Script(JS): функции"". ). Польза, правда, от такого объекта как функция, созданного, через new, очень сомнительно, а вот само объявлении функции и использования реквизитов объекта Function мы уже рассмотрели (см. урок "Web-программирование: "Java Script(JS): функции"". ). Так же мы рассмотрели присваивание ссылки на функцию (см. уроки Web-программирование. Java Script (JS). Тема сегодняшнего урока: "Объекты". и Web-программирование: Java Script(JS): "Начало создания библиотеки визуальных объектов"). Поэтому мы не будем более подробно рассматривать объект Function, просто знайте, что есть такой.

И так, идем дальше. Объект RegExp. Это очень мощный объект, предназначенный для обработки регулярных выражений. Что бы лучше понять, что это такое и с чем его едят, рассмотрим пример:

<html>

<head>

<title>Урок 79. Java Script (JS): Прочие объекты. RegExp</title>

function isEmailValid(str) {

var re=/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/

if(!re.test(str)) {

alert("You input wrong email")

} else {

document.write("It's correct")

}

</SCRIPT>

</head>

<body>

</form>

</body>

</html>

Этот пример проверяет правильность ввода адреса электронной почты. Если вы введете некорректный адрес, то программа выдаст сообщение об ошибке:

А если введен верный адрес электронной почты

то программа выдаст сообщение, что все верно:

Теперь разберемся, что за страшное выражение в строке:

var re=/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/

Это и есть регулярное выражение. Объект RegExp можно создать через строку, заключенную в //, либо через new RegExp. Строка регулярного выражения - это такой шаблон, по которому объект RegExp обрабатывает строки. Он может сравнивать их, а так же производить поиск и замену. Теперь разберем наш шаблон:

^ - обозначает начало строки.
[\w-] - обозначает, что на этот месте может стоять любая буква латинского алфавита (регистр не важен) или знак -.
+ обозначает, что данный символ (в нашем случае буква или -) может повторяться один или много раз. Иными словами, первая часть выражения "^[\w-]+" означает, что наше выражение должно начинаться с буквы или знака - и далее букв и знаков - может быть сколько угодно.
(\.[\w-]+) - означает, что выражение взято в скобки, что бы применить к ним какое либо действие. Что такое ".[\w-]+" в данном случае означает, что должна идти точка а потом "[\w-]+" - тоесть, буква или -.
* - означает, что нужно повторить выражение хоть сколько раз или вообще опустить его. Применимо к "(\.[\w-]+)" означает, что можно сколь угодно раз повторять комбинации, начиная с точки и продолжая буквами и знаками -, или вообще можно пропустить его.
@ - не является специальным символом, поэтому он обозначает, что ту может стоять только @.
([\w-]+\.)+ - тут думаю все понятно, исходя из вышесказанного - нужно один или много раз повторить выражение, состоящее из буквы или знака - и оканчивающееся точкой.
[a-zA-Z]{2,7} - любая буква латинского алфавита, длина слова от 2 до 7 символов.
$ - конец строки.

В будущем мы еще разберем более подробно регулярные выражения, а на сегодня все, до новых встреч.

« След.		Пред. »

Вернуться