VPF::Архитектура кода. - Форум программистов

Bonjur

Дата 11.8.2008, 16:06 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 9.7.2008

Репутация: нет
Всего: нет

Я пытаюсь осовить JavaScript с помощью одного учебного онлайн ресурса. В данном курсе очень грамотно излагается работа скриптов, но отдельными его частями. К примеру, Формы и циклы описано создание простенькой формы с простенькими проверками. Вся проблема в том, что ни где не сказано куда части этих программных кусков вставлять: все в тело, все в шапку или одно туда другое сюда... В общем готовая программа, сложенная из этих кусочков, не работает должным образом. Или форма не отображается или проверки не работают.
Объясните что куда пихать? Куда вставить код:

Код

<form name="tutform" onsubmit="return noform();" class="codesnip" 
  style="background-color:#FFF;z-index:10;">
<table width="100%">
  <tr>
    <td>Имя:</td>
    <td><input name="firstname"></td>
    <td>Ваш любимый цвет:</td>
    <td rowspan="3" valign="top">
      <input type="radio" name="color" value="blue">Синий<br />
      <input type="radio" name="color" value="red">Красный<br />
      <input type="radio" name="color" value="green">Зеленый
    </td>
    <td rowspan="3" valign="top">
      <input type="radio" name="color" value="yellow">Желтый<br />
      <input type="radio" name="color" value="black">Черный<br />
      <input type="radio" name="color" value="other">Другой
    </td>
  </tr>
  <tr>
    <td>Фамилия:</td>
    <td><input name="lastname"></td>
  </tr>
  <tr>
    <td>Адрес Email:</td>
    <td><input name="email"></td>
  </tr>
  <tr>
    <td colspan="2"><input type="submit" value="Отправить форму">
    <input type="reset" value="Очистить форму"></td>
    <td colspan="3" align="right"><button id="lockbutton" 
onclick="swapLock();return false;">Зафиксировать форму на месте</button></td>
  </tr>
</table>
</form>

и куда вставить проверки:

Код

function tut7(){
  var form_object = document.forms.tutform;
  var radios      = document.forms.tutform.elements.color;
  var email       = document.forms.tutform.elements.email.value;

  if(form_object.elements.firstname.value == "){
    alert('Вы должны ввести свое имя!');
    return false();
  } else if(form_object.elements.lastname.value == "){
    alert('Вы должны ввести свою фамилию!');
    return false();
  } else if(email.indexOf('@')<0){
    alert('В адресе e-mail должен быть символ @');
    return false();
  } else if(email.indexOf('@') != email.lastIndexOf('@')){
    alert('В адресе e-mail не может быть более одного символа @');
    return false();
  } else if(email.indexOf('.')<0){
    alert('В адресе e-mail должна быть как минимум одна точка');
    return false();
  } else if(email.lastIndexOf('.')<email.indexOf('@')){
    alert('В адресе e-mail должна быть как минимум одна точка после символа @');
    return false();
  }

  for(var i=0; i<radios.length; i++){
    if(radios[i].checked) return true();
  }
  alert('Необходимо выбрать цвет!');

  return false;

Michael.de

Дата 11.8.2008, 16:32 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 346
Регистрация: 22.3.2005
Где: Deutschland

Репутация: 4
Всего: 9

Код вставляется так:

Код


<html>
<head>
<script type="text/javascript">
...
Тут находится код JavaScript
...
</script>
</head>
<body>
...
</body>
</html>

или так:

Код


<html>
<head>
<script type='text/javascript' src='your_file.js'></script>
</head>
<body>
...
</body>
</html>

а в файле your_file.js пишешь всё то, что было в первом примере между тегами <script type="text/javascript"> и </script>

Bonjur

Дата 11.8.2008, 16:52 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 9.7.2008

Репутация: нет
Всего: нет

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

Это сообщение отредактировал(а) Bonjur - 11.8.2008, 16:53

Michael.de

Дата 11.8.2008, 17:23 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 346
Регистрация: 22.3.2005
Где: Deutschland

Репутация: 4
Всего: 9

А можно код функций noform() и swapLock() в студию? smile

P.S. Также было бы неплохо в строчках 6 и 9 второго листинга вместо одной " написать две ' подряд. Закрывающая скобка } в самом конце после return false; очень даже поможет smile

P.P.S. Кстати, в учебнике конструкции return false(); я не заметил. Там без скобок: return false;

Это сообщение отредактировал(а) Michael.de - 12.8.2008, 01:18

Bonjur

Дата 11.8.2008, 17:46 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 9.7.2008

Репутация: нет
Всего: нет

За синтаксис спасибо.
А на счет функций. Этот код из того же учебника Формы и циклы просто скопирован, только для проверки работы "проверок". smile

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »