Всё для Учёбы — студенческий файлообменник
1 монета
pdf

Студенческий документ № 005304 из ИУБиП

Лабораторное занятие № 18

Тема: Подтверждение ввода

Цель: Рассмотреть принципы создания запросов в формах на вебстранице

Задание:

1 Рассмотреть пример программы.

2 Внесите несколько изменений в предыдущую программу. Попросите ввести телефонный номер в формате ххх-хххх. Пусть функция validphone(phone) проверит, стоит ли дефис на позиции 3. Команда != в JavaScript означает "не равно".

Необходимые приборы: ПК, текстовый редактор Блокнот, браузер

Методические рекомендации к выполнению лабораторной работы:

Методические рекомендации к выполнению задания 1

Разберем пример, в котором проверяются данные, введенные пользователем. Нужно будет ввести в форму свое имя и номер телефона из 7 или 9 знаков (ххххххх или ххх-хх-хх). Подтверждение данных часто имеет большое значение.

Этот пример возвращает нас к свойству length (длина) и показывает в действии два новых метода: indexOf(), charAt(). Скрипт:

function validfn(fnm) {fnlen=fnm.length if (fnlen == 0)

{alert("Вы должны ввести свое имя") document.dataentry.fn.focus()}} function validphone(phone) {len=phone.length digits="0123456789" if(len != 7 && len != 9)

{alert("Неверное количество знаков в номере") document.dataentry.phone.focus()} for(i=0; i

Подтверждение данных Введите свое имя:

document.dataentry.fn.focus()

Введите номер телефона (ххх-хх-хх):

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

• Обратите внимание на курсор, он стоит в поле для ввода имени.

Ничего не пишите, нажмите tab или щелкните по странице.

• Теперь введите имя и переходите к следующей строке.

• Напечатайте 123 и нажмите "Отправить".

• Обратите внимание, после сообщения об ошибке курсор снова стоит в поле для телефонного номера. Напечатайте 12д или /12 и нажмите "Отправить".

• Напечатайте 1234567 и нажмите "Отправить".

Разберем скрипт по порядку:

Вскрипте две функции, validfn() и validphone(). Одна проверяет, введено ли имя, другая проверяет телефонный номер. Займемся первой:

functionvalidfn(fnm) { fnlen=fnm.length if (fnlen == 0)

{alert("Вы должны ввести свое имя") document.dataentry.fn.focus()}}

..... .....

• Функция validfn(fnm) вызывается обработчиком события onBlur.

onBlur запускается, когда курсор переходит на следующий элемент, в данном случае, когда мы выходим из текстового поля fn.

• Заметьте, что параметр fn.value передается из формы в функцию, где получает новое имя fnm. fn.value можно было бы обозначить как document.dataentry.fn.value, но раз мы находимся в документе и внутри формы, это не обязательно.

• Помните, содержимое поля формы передает команда имя_формы.value. Одного имени мало.

• Длине имени пользователя присвоена переменная fnlen. Таким образом, если пользователь введет имя Коля, значение fnlen будет равно 4. Помните свойство length?

• Если пользователь не вписал свое имя, значит, длина равна 0. Тогда программа вызывает окно с сообщением об ошибке, и ставит курсор или focus на прежнее место. Форма не столько проверяет, правильно ли вписано имя, сколько было ли что-нибудь вписано вообще. ? Теперь посмотрим, как программа проверяет телефонный номер:

function validphone(phone) {len=phone.length digits="0123456789" if(len != 7 && len != 9)

{alert("Неверное количество знаков в номере") document.dataentry.phone.focus()} for(i=0; i

document.dataentry.fn.focus()

Введите номер телефона (ххх-хх-хх):

• Используя JavaScript с формами, давайте каждому элементу уникальное имя, которое потом будет обозначено в скрипте. Этовыужепроходили.

Методические рекомендации к выполнению задания 2 Возможный скрипт программы:

function validfn(fnm) {fnlen=fnm.length if (fnlen == 0)

{alert("Необходимоввестиимя") document.dataentry.fn.focus()}} function validphone(phone){ len=phone.length

digits="0123456789" if(len != 8)

{alert("Неверное количество цифр в номере") document.dataentry.phone.focus()} if(len>3 &&phone.charAt(3) != "-") {alert("Четвертый знак должен быть '-'") document.dataentry.phone.focus()} for(i=0; i

Подтверждениевводаданныхчерез JavaScript

Введитеимя:

document.dataentry.fn.focus()

Введите номер телефона (ххх-хххх):

Вопросы для самоконтроля:

1 В каких случаях используется подтверждение данных?

2 Каким образом осуществляется подтверждение данных?

3 Какие команды используются для подтверждения данных на вебстранице?

4 Какие команды используются для создания запросов в формах на веб-странице?

Показать полностью… https://vk.com/doc62771886_249148753
203 Кб, 11 декабря 2013 в 10:53 - Россия, Ростов-на-Дону, ИУБиП, 2013 г., pdf
Рекомендуемые документы в приложении