После прохождения теоретической части пришло письмо об окончании теоретической части курса, будет ли практическая часть? |
Опубликован: 19.10.2006 | Уровень: для всех | Доступ: платный
Лекция 30:
Проверка данных в форме
Задание
Во-первых, изучите сегодняшнюю программу и заставьте ее работать. Потом внесите несколько изменений. Попросите ввести телефонный номер в формате ххх-хххх. Пусть функция validphone(phone) проверит, стоит ли дефис на позиции 3. Команда != в JavaScript означает "не равно". Это может понадобиться.
Возможное решение
<html> <head> <SCRIPT type="text/javascript"> 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<3; i++) {if (digits.indexOf(phone.charAt(i))<0) {alert("Это должны быть цифры") document.dataentry.phone.focus() break} } } </script> </head> <body> <form name="dataentry"> <h3>Подтверждение ввода данных через JavaScript</h3> <p>Введите имя:<br> <input type="text" name="fn" onBlur="validfn(fn.value)" size="20"> <script language="JavaScript"> document.dataentry.fn.focus() </script></p> <p>Введите номер телефона (ххх-хххх):<br> <input type="text" name="phone" size="10"></p> <p><input type="button" value="Отправить" onClick="validphone(phone.value)"></p> </form> </body> </html>