Информатика и выч. техника \ Информатика

Работа с формами. Программирование на Java Script, страница 3

Ширина кальк.

500px

Высота текст. поля, кнопок

30px

Шрифт на кнопках

18pt, bold, черный (цифры), зеленый (др.)

Шрифт в текстовом поле

18pt, bold, синий

кнопки

Цифры, арифм. операции,  С, SQRT, ^(степень), LOG2, LOG10, LN, ON/OFF

Радиокнопки (в отд. строке)

F0, F2 (Fn – округление (ост. n цифр после запятой)),

F – c обычной точностью

2.  Программирование на Java Script. Регулярные выражения. Проверка корректности ввода текстовых данных

Создать web-страницу, содержащую текстовые поля для ввода персональных данных с ограничениями согласно таблице:

№

Текстовое поле

Ограничения

1.

Фамилия

Буквы русского алфавита. Первая - заглавная

2.

Имя

3.

Отчество

4.

Число, месяц и год рождения

Шаблон: dd-mm-yyyy, например 18-10-1986.

Ограничения на вводимые числа

5.

e-mail

Латинский шрифт, цифры. Первый символ – буква.

Разделители: @ и .

6.

Логин

Первый символ – буква. Не менее 6 символов

7.

Пароль

Не может содержать одни цифры.

Разбивку страницы и выравнивание текстовых полей осуществить с помощью таблицы. Разместить на странице кнопку, по нажатию на которую будет происходить проверка введенных данных и вывод соответствующего сообщения об их корректности.

Приложение

1. Некоторые спец. символы, используемые в регулярных выражениях:

^

$

.

x| y

{n}

{n,}

{n,m}

+

[xyz]

[^xyz]

\d

\D

\w

\W

начало строки конец строки любой символ один из символов x или  y

n повторений предыдущего символа

n или более повторений предыдущего символа от n   до m повторений предыдущего символа предыдущий символ встречается 1 или более раз один из перечисленных символов любой символ кроме перечисленных цифровой символ (эквивалентно [0-9])

нецифровой символ (эквивалентно [^0-9])

любой буквенно-цифровой символ или знак _

( эквивалентно [A-z0-9_] )

любой не буквенно-цифровой символ или знак _

( эквивалентно [^A-z0-9_] )

2. Метод exec(строка)  осуществляет поиск регулярного выражения в заданной строке. Возвращает подстроку, соответствующую первому совпадению.

3. Некоторые свойства объекта RegExp :

input – возвращает строку, в которой был осуществлен результативный поиск

index – возвращает позицию первого успешного поиска (если нет совпадения, то -1)

4. Примеры регулярных выражений:

/\d+/ - одна или более цифр

/[A-z]{3,}/ - последовательность из не менее трех латинских букв

/^.{4}$/ - любая строка из 4-х символов

/^\D+$/ - строка из одного или более нецифровых символов

5. Пример странички, осуществляющей поиск регулярного выражения в задаваемой строке:

<html>

<script>

function fun(str,regexp)

{

var re = eval(regexp);

var a = re.exec(str);

alert(' Строка поиска: ' + RegExp.input + '\n Совпадение: ' + a + '\n Позиция первого совпадения: ' +

RegExp.index);

}

</script>

<body>

<p align="center">

<font face="Verdana,Arial" size="2">

Поиск регулярного выражения в заданной строке

</p>

<form name="fname">

Строка: <br>

<input type="text" name="str" size="30">

<br>

<br>

Регулярное выражение:<br>

<input type="text" name="regexp" size="30">

<br>

<br>

Скачать файл