При поиске по тексту можно использовать шаблон, описывающий подстроку. В JavaScript такой шаблон может быть описан с помощью объекта RegExp. В простейшем случае такой шаблон описывает отдельный символ, однако имеет смысл его использовать для регулярных выражений.
Следующий ниже код описывает RegExp объект с именем pttn, содержащий регулярное выражение, описывающее целое десятичное число:
var pattn = new RegExp("/[0-9]+/");Объект RegExp имеет 3 встроенных метода: test(), exec() и compile().
- Метод test() выполняет поиск по шаблону:
Результат:
true- Метод exec() выполняет поиск подстроки по шаблону и возвращает найденные соответствия; если соответствий нет, возвращается значение null:
Результат:
38Если необходимо найти все соответствия, то при вызове конструктора RegExp следует указать дополнительный параметр "g", указывающий на необходимость глобального поиска:
var pattn = new RegExp("[0-9]+", "g");do{result = pattn.exec("1 попугай, 2 попугая,…, 38 попугаев");document.write(" " + result);}while (result!= null)Пример 7.2.
|
|
Результат:
1 2 38 null- Метод compile() применяется для изменения ранее созданного шаблона:
Пример 7.3.
Результат:
3;8Задание на лабораторную работу:
Задание 1:
Проверка значений, введенных пользователем в поля формы для регистрации.
- Для выполнения лабораторной работы необходимо создать веб-страницу, содержащую форму с полями, следующего вида:
- В тэге <form> добавьте обработчик события отправки данных вида:
В данном случае указана функция обработчик CheckData(). Оператор return false; предотвращает автоматическую отправку данных после выполнения функции-обработчика. Отправка данных будет выполняться из обработчика.
- Добавьте на странице секцию JavaScript кода, описывающего функцию-обработчик:
Как это видно из кода, функция CheckData() в случае подтверждения со стороны пользователя самостоятельно вызывает метод submit() для передачи данных из формы.
- Теперь необходимо добавить проверку значений, введенных в поля формы пользователем.
Прежде всего, необходимо убедиться в том, что заполнены все поля, обязательные для ввода. Для этого можно использовать проверку на равенство нулю длины строки (свойство length), являющейся значением узла дерева документа, соответствующего полю ввода, например:
document.getElementById("uname").value.length.Следующая проверка должна контролировать структуру и содержимое полей. Для этого можно использовать объект RegExp, например:
|
|
В данном фрагменте описана проверка структуры электронного адреса из поля формы с идентификатором "email". Для проверки был использован шаблон на основе регулярного выражения.
Задание 2:
Самостоятельно постройте регулярное выражение, описывающее шаблон для проверки номера телефона,адреса электронной почты, и внесите все необходимые изменения и дополнения в функцию CheckData().