23. Условные выражения. Описание условных выражений в JavaScript.

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

В JavaScript существует два типа условных выражений: условный оператор if..else и переключатель switch.

Условный оператор if..else:

Синтаксис:

if (условие)

{ код, который выполняется, если условие выполнено}

else

{ код, который выполняется, если условие не выполнено}

Часть этого оператора, определяемая условие else, необязательна, т.е. можно использовать этот оператор следующим образом:

If (условие)

{ код, который выполняется, если условие выполнено}

Кроме того, в случаи необходимости проверки нескольких условий возможно каскадное использоание оператора if…else, т.е. возможно использование следующим образом:

If (условие 1) {

код, который выполняется, если условие 1 выполнено

} else if (условие 2) {

код, который выполняется, если условие 1 не выполнено, а условие 2 выполнено

} else {

код, который выполняется, если и условие 1, и условие 2 не выполнены

}

Пример:

var a = 12;

if(a < 0){

alert('A меньше нуля');

} else if (a > 0 && a < 10) {

alert('A меньше десяти и больше нуля');

} else {

alert('A больше десяти');

}

Выведет: «A больше десяти».

Переключатель switch

Удобно применять в случае проверки небольшого количества условий. Особенно удобен в случае нескольких условий, которые не являются взаимоисключающими.

Синтаксис:

switch (выражение) {

case вариант1:

код, который выполняется если выражение = вариант1

break

case вариант2:

код, который выполняется если выражение = вариант2

break

...

case вариантN:

код, который выполняется если выражение = вариантN

break

default:

код, который выполняется если выражение не равно ни одному из вариантов

break

}

Также возможно использование без break и default. Если оператор break указан, то выполняется проверка только того условиям, после которого указан break. Если указан оператор default, то следующий за ним код выполняется, если значение выражения не совпало ни с одним из вариантов.

Пример:

var a = 4;

switch (a) {

case 3:

alert('Мало!')

break

case 4:

alert('Угадал!')

break

case 5:

alert('Много!')

break

default:

alert('Совсем холодно')

}

Выведет: «Угадал!».

24. Использования Java Script для реализации контроля заполнения элементов пользовательских форм html-документа.

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

Как правило, данные формы проверяют после завершения ввода, непосредственно перед отправкой запроса. Обычно за такую проверку отвечает обработчик событий onSubmit, содержащий набор функций контроля данных. Если поле содержит неподходящие данные, отображается соответствующее сообщение, и отправка данных отменяется по причине возвращения false обработчиком событий. Если же выясняется, что поля формы заполнены правильно, программа-обработчик возвращает true и отправка данных формы продолжается в нормальном режиме.

Рассмотрим следующий небольшой пример, в котором выполняется проверка, гарантирующая, что соответствующее поле не пусто:

JS-код

<script type="text/javascript">

var whitespace = " \t\n\r";

function isEmpty(s)

{

var i;

if((s == null) || (s.length == 0))

return true;

// Проверка строки на наличие символов, отличных от пробелов

for (і = 0; і < s.length; i++)

{

var с = s.charAt(i);

if (whitespace.indexOf(с) == -1)

return false;

}

// Здесь все символы являются символами пустого пространства.

return true;

}

function validate()

{

if (isEmpty(document.myform.username.value))

{

alert("Ошибка: необходимо указать имя пользователя.");

document.myform.username.focus();

return false;

}

if (isEmpty(document.myform.userpass.value))

{

alert ("Ошибка: пароль не должен быть пустым.");

document.myform.userpass.focus();

return false;

}

return true;

</script>

Форма ввода:

<form name="myform" id="myform" method="get" action="handler.php" onsubmit="return validate();">

Имя пользователя:

<input type="text" name="username" id="username" size="30" maxlength="60" />

<br />

Пароль:

<input type="password" name="userpass" id="userpass" size="8" maxlength="8" />

<br />

<input type="submit" value="Отправить" />

</form>