Пропустить навигацию

Практика 3

Задание

  1. Создайте веб-страницу (order.html), содержащую форму заказа почтовой доставки какого-либо товара, в которой обязательно должны быть следующие поля:
    Поле с выпадающим списком, содержащим список возможных товаров для заказа (минимум 3 товара);
    Текстовые поля:
    – индекс;
    – дата доставки;
    – имя и фамилия заказчика;
    – телефон заказчика;
    – адрес электронной почты заказчика.
    Реализуйте следующие проверки вводимых данных в поля формы:
    – поле должно быть длиной только 6 цифр и введенные данные должны быть числом;
    – формат даты должен быть ДД:ММ:ГГГГ или ДД:ММ:ГГ;
    – длина поля имени и фамилии заказчика должна быть от 3 до 50 символов;
    – в поле ввода телефона заказчика реализуйте следующую ситуацию: если в телефонном номере шесть цифр, то номер делится дефисом на три части по две цифры, если семь – отделяются первые три цифры, затем две группы по две цифры, в остальных случаях оставлять номер без изменений. Введённые данные должны быть числом;
    – адрес электронной почты должен проверяться на корректность с помощью регулярного выражения.
    В случае неверного заполнения полей формы рядом с полем ввода должно показываться информационное сообщение с описанием ошибки пользователя (span).
    Внизу страницы создайте кнопку, при нажатии на которую будет осуществляться проверка корректности введённых данных во все поля формы, в случае наличия ошибок выдающая сообщение об ошибке.
    (onblur, onchange, innerHTML, test)
  2. Создайте веб-страницу (strings.html), содержащую следующие элементы:
  • Текстовое поле с какой-либо случайной фразой. Определите количество букв «р», «з» в этой фразе (можно взять другие буквы) с учетом и без учета регистра. indexOf
  • Определите количество слов во фразе.
  • Преобразуйте строку так, чтобы каждое чётное слово было приведено к верхнему регистру, а каждое нечётное – к нижнему.
  • Удалите из строки все пробелы, используя метод replace объекта String.