русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Текстовое поле


Дата добавления: 2014-11-28; просмотров: 643; Нарушение авторских прав


Элемент задается тегом:

<input type="text" name="txtName" size="n" maxlength="m" value="значение">

Где:

txtName - идентификатор поля;

n* - длина поля в символах;

m* - максимальное число символов при вводе;

значение* - значение по умолчанию;

* - необязательные параметры.

Если изменить тип поля на password, то ввод в поле становится закрытым символом *. Поле хранит введенную (выведенную) строку символов в свойстве value.

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

<html>

<head>

<script language="JavaScript">

function fCalc(){

var forma=document.frmGo

var s,kurs,itogo;

s=forma.txtSumma.value;

kurs=forma.txtKurs.value;

s=parseFloat(s);

kurs=parseFloat(kurs);

itogo=kurs*s;

itogo=Math.round(itogo*100)/100;

forma.txtItog.value=itogo;

}

</script>

</head>

<body>

<form name="frmGo">

<input type="text" name="txtSumma" value="0"><br>

<input type="text" name="txtKurs" value="30.95"><br>

<input type="text" name="txtItog" value="0"><br>

<input type="Button" value="GO" onClick="fCalc()">

</form>

</body>

</html>

Чтобы работать с элементами формы с помощью кода, нужно получить объект указатель на форму с помощью оператора:

var forma=document.frmGo.

Идентификатор forma - экземпляр нашей формы.

Ссылка на форму выполняется с помощью объекта браузера document в виде document.frmGo. Здесь frmGo имя нашей формы. Для обращения к текстовым полям формы служит оператор разъименования, который представляет собой точку. Так оператор s=forma.txtSumma.value; означает запись в переменную s значения хранящегося в текстовом поле. Из текстового поля поступает строка символов, их преобразование в число выполняется с помощью функции parseFloat(s), s – строка с символами числа. Для округления полученного значения в рублях до второго знака после запятой служит метод round класса Math JavaScript (см. приложение №2).



При вводе пользователем чисел полезно проверять корректность ввода это можно сделать с помощью функции isNaN(s). Если строка s хранит символы пригодные для преобразования в число, то она возвращает логическое значение false, иначе true. Разделителем дробной части от целой части в языке JavaScript служит точка.

Перепишем нашу функцию, введя контроль над вводом данных.

function fCalc(){

var forma=document.frmGo

var s,kurs,itogo;

s=forma.txtSumma.value;

kurs=forma.txtKurs.value;

if (isNaN(s)||isNaN(kurs)){

alert("Bad numbers input!");

return;

}

s=parseFloat(s);

kurs=parseFloat(kurs);

itogo=kurs*s;

itogo=Math.round(itogo*100)/100;

forma.txtItog.value=itogo;

}

Теперь при неверном вводе курса или суммы будет выводиться сообщение об ошибке.



<== предыдущая лекция | следующая лекция ==>
Командная кнопка | Текстовая область


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 3.165 сек.