Создание строковых объектов и работа с ними

Задание 1. Напишите web-страницу, на которой будет располагаться четыре текстовых поля и кнопка. При нажатии на кнопку должно выдаваться сообщение о том, сколько полей заполнено. После этого фокус должен переводиться в первое незаполненное поле.

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

Задание 3. В html-документе напишите пользовательскую функцию для определения есть ли в некотором текстовом поле символы: \, %, ? и !. Выдавайте соответствующее сообщение.

Заданипе 4. Создайте html-документ, отвечающий следующим требованиям:

Содержит форму из трёх текстовых полей и кнопки. Первое поле – имя, второе – номер телефона, третье – адрес электронной почты.

При нажатии на кнопку запускается скрипт, который проверяет корректность введённых данных: во всех полях должна содержаться какая-либо информация, во втором – только определённые знаки и цифры, в третьем – обязательно должны присутствовать символы @ и «точка».

Задание 5. Если данные верны, то выводиться сообщение «Всё в порядке». При ошибке в каком-либо поле выдаётся соответствующее сообщение, фокус переводиться в поле с ошибкой и текст поля выделяется.