Форум русскоязычного сообщества Ubuntu

Пожалуйста, войдите или зарегистрируйтесь.

Получить помощь и пообщаться с другими пользователями Ubuntu можно
на irc канале #ubuntu-ru в сети Freenode
и в Jabber конференции ubuntu@conference.jabber.ru

« предыдущая тема следующая тема »
Страницы: [1]   Вниз

Автор Тема: JavaScript и форма  (Прочитано 1302 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн -=Иван=-

  • Автор темы
  • Участник
  • *
  • Сообщений: 134
    • Просмотр профиля
JavaScript и форма
« : 25 Октября 2010, 19:27:58 »
Есть html форма куда будет вводится возраст нужно на JavaScript проверить что введенное число в пределах от 120 до 250.
Код: [Выделить]
<FORM>
 Отчество <Input type="text"   name="rost" size="20">
</FORM>
Текстовый редактор vi имеет два режима работы: в первом он пищит, а во втором — всё портит.

Оффлайн d0b3rM@n

  • Новичок
  • *
  • Сообщений: 23
    • Просмотр профиля
Re: JavaScript и форма
« Ответ #1 : 25 Октября 2010, 19:57:52 »
Вроде так, насколько я помню...

Код: [Выделить]
<script>
function vozrast()
{
if ((document.forms[0].rost.value < 119) && (document.forms[0].rost.value > 151))
 document.forms[0].textinbox.value = "LOL";
}
</script>
Код: [Выделить]
<FORM>
 Отчество <Input type="text"   name="rost" size="20" onChange="vozrast()"><br>
<Input type=label  name="textinbox" size="20" >
</FORM>

Оффлайн -=Иван=-

  • Автор темы
  • Участник
  • *
  • Сообщений: 134
    • Просмотр профиля
Re: JavaScript и форма
« Ответ #2 : 25 Октября 2010, 20:27:59 »
Пришел к такому:
Код: [Выделить]
<html>
<head>
<script language="JavaScript">
function test1(form) {
if(document.forms["data"].userName.value > 119 && document.forms["data"].userName.value < 250 ){
if(document.forms["data"].userName1.value > 30 && document.forms["data"].userName1.value < 160 ){
alert(document.forms["data"].userName1.value/((document.forms["data"].userName.value/100)*(document.forms["data"].userName.value/100)))

}
else {
   alert("Проверьте ввод веса");
  }

}
else {
   alert("Проверьте ввод роста");
  }
}
</script>
</head>

<body>
<SCRIPT LANGUAGE="JavaScript">
   current_date = new Date();
   document.write("<p><i>Текуща\я дата и время:</i> " +
   current_date + ".<p>");
</SCRIPT>


<form name=data>
 Фамилия:  <input type="text" name="fam" /><br><br>
 Имя:      <input type="text" name="name" /><br><br>
 Отчество: <input type="text" name="ot" /><br><br>
 Группа: <input type="text" name="gr" /><br><br>
 Телефон: <input type="text" name="tel" /><br><br>
 E-mail: <input type="text" name="email" /><br> <br>
 Рост,см: <input type="text" name=userName /><br> <br>
 Вес,кг: <input type="text" name=userName1 /><br> <br>

<input type="button" name="button1" value="Расчет" onClick="test1(this.form)">
</form>


</body>
</html>


Осталась мелочь чтоб расчет выводился не в всплывающем окошке, а внизу формы. А как надо поправить подскажите пожалуйста.
« Последнее редактирование: 26 Октября 2010, 01:17:15 от -=Иван=- »
Текстовый редактор vi имеет два режима работы: в первом он пищит, а во втором — всё портит.

Оффлайн d0b3rM@n

  • Новичок
  • *
  • Сообщений: 23
    • Просмотр профиля
Re: JavaScript и форма
« Ответ #3 : 26 Октября 2010, 06:49:00 »
Быстрее будет если нагуглишь "AJAX проверка полей"...уже все готово...

Оффлайн -=Иван=-

  • Автор темы
  • Участник
  • *
  • Сообщений: 134
    • Просмотр профиля
Re: JavaScript и форма
« Ответ #4 : 26 Октября 2010, 08:57:24 »
Цитата: d0b3rM@n от 26 Октября 2010, 06:49:00
Быстрее будет если нагуглишь "AJAX проверка полей"...уже все готово...
Мне не быстрей надо а как написал сделать.
Текстовый редактор vi имеет два режима работы: в первом он пищит, а во втором — всё портит.

Оффлайн njspok

  • Новичок
  • *
  • Сообщений: 7
    • Просмотр профиля
Re: JavaScript и форма
« Ответ #5 : 28 Октября 2010, 08:01:47 »
"Расчет" где будет производиться - на стороне клиента или сервера?
Если на стороне клиента - то тут все проще, пишешь функцию для расчета и вставки/изменения результат в HTML код станицы ( appendChild(), innerHTML посмотри ).
Если на стороне сервера, то без Ajax не обойтись, JavaScript объект XMLHttpRequest использовать придеться.

Оффлайн alexander.pronin

  • Старожил
  • *
  • Сообщений: 2539
    • Просмотр профиля
Re: JavaScript и форма
« Ответ #6 : 28 Октября 2010, 08:47:31 »
TC, Вам надо завести div и в него вставлять, что посчитаете нужным.
ЗЫ. Чтобы было все проще, яснее и быстрее используйте jquery. Это легкая JS библиотека (можно сказать - функция). Все JS программисты, устав ковыряться в DOM с помощью JS, приходят к использованию jquery.
Страницы: [1]   Вверх
« предыдущая тема следующая тема »
 

Страница сгенерирована за 0.028 секунд. Запросов: 22.

© 2012 Ubuntu-ru — Русскоязычное сообщество Ubuntu Linux.
© 2012 Canonical Ltd. Ubuntu и Canonical являются зарегистрированными торговыми знаками Canonical Ltd.