HTML-документ не выполняет код JS-файла

@NewEXE · Регистрация: 03.05.2014

Студворк — интернет-сервис помощи студентам

Здравствуйте. Практикуясь в изучении JS, наткнулся на проблему. Создал простую форму-пустышку с проверкой на валидность. Но после введения неверных данных, необходимый alert не вылетает.

HTML:

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<html>
  <head>
    <title>Каркас формы</title>
<!-- CSS-стили -->
    <style>
      .signup
      {
        border: 1px solid #999;
        font: normal 14px helvetica;
        color: #444;
      }
    </style>
<!-- JavaScript для проверки валидности -->
    <script type="text/javascript" src="validate.js"></script>
  </head>
  <body>
    <table class="signup" cellpadding="2" cellspacing="5" border="0" bgcolor="#eee">
      <th colspan="2" align="center">Регистрационная форма</th>
      <form method="post" action="validate.html" onSubmit="return Validate(this)">
        <tr>
          <td>Имя</td> <td><input type="text" name="forename" maxlength="32" /></td>
        </tr>
        <tr>
          <td>Фамилия</td> <td><input type="text" name="surename" maxlength="32" /></td>
        </tr>
        <tr>
          <td>Логин (5-16)</td> <td><input type="text" name="username" maxlength="16" /></td>
        </tr>
        <tr>
          <td>Пароль (до 16)</td> <td><input type="password" name="password" maxlength="16" /></td>
        </tr>
        <tr>
          <td>Возраст</td> <td><input type="text" name="age" maxlength="3" /></td>
        </tr>
        <tr>
          <td>E-mail</td> <td><input type="text" name="email" maxlength="32" /></td>
        </tr>
        <tr>
          <td colspan="2" align="center"><input type="submit" value="Зарегистрироваться" /></td>
        </tr>
      </form>
    </table>
  </body>
</html>

JavaScript validate.js

Кликните здесь для просмотра всего текста

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
function Validate(form)
{
  fail = '';
  fail += validateForename(form.forename.value);
  fail += validateSurename(form.surename.value);
  fail += validateUsername(form.username.value);
  fail += validatePassword(form.password.value);
  fail += validateAge(form.age.value);
  fail += validateEmail(form.email.value);
  if(fail == '')
    return true;
  else
  {
    alert(fail);
    return false;
  }
}
      
function ValidateForename(field)
{
  if(field == '')
    return 'Не введено имя\n';
  return '';
}
function ValidateSurename(field)
{
  if(field == '')
    return 'Не введена фамилия\n';
  return '';
}
function ValidateUsername(field)
{
  if(field == '')
    return 'Не введен логин\n';
  else if(field.length < 5)
    return 'В логине должно быть не менее 5 символов\n';
  else if (/[^a-zA-Z0-9_-]/.test(field))
        return 'В логине разрешены только буквы латинского алафавита a-z, A-Z, 0-9, - и _\n';
    return '';
}
function ValidatePassword(field)
{
  if(field == '')
    return 'Не введен пароль\n';
  else if(field.length < 6)
    return 'В пароле должно быть не менее 6 символов\n';
  else if(!/[a-z]/.test(field) || !/[A-Z]/.test(field) || !/[0-9]/.test(field))
    return 'В пароле должен быть минимум один символ из набора: a-z, A-Z, 0-9\n';
  return '';
}
function ValidateAge(field)
{
  if(isNaN(field))
    return 'Не введен возраст\n';
  else if(field < 18 || field > 100)
    return 'Возраст должен быть между 18 и 100\n';
  return '';
}
function ValidateEmail(field)
{
  if(field == '')
    return 'Не введен e-mail\n';
  else if(!((field.indexOf(".") > 0) && (field.indexOf("@") > 0)) || /[^a-zA-Z0-9.@_-]/.test(field))
        return "Введен неверный e-mail\n";
    return '';
}

Пробовал по разному подключать внешний js-файл, вплоть до указания URL.

@Logumanov · 01.08.2014, 01:06

По-моему, это потому что вы не объявили ни одну переменную.

@kalabuni · 01.08.2014, 11:43

javascript - язык регистрозависимый
validate и Validate - это разные вещи

@NewEXE · 01.08.2014, 15:12 **[ТС]**

kalabuni, исправил и - ура, заработало!

В Notepad2 плохо видно то, что функции названы с заглавной буквы (привычка, много кода C++ так писал). А DreamWeaver на ошибку "необъявленных" функций не указал...
Logumanov, переменные объявлены как локальные (в теле функции). var перед ними не писал за ненадобностью. А использование больше одной строковой переменной, с помощью которой документ выводит ошибку или проходит проверку (var fail) я тут смысла не вижу.

@kalabuni · 01.08.2014, 15:30

Сообщение от NewEXE

переменные объявлены как локальные (в теле функции). var перед ними не писал за ненадобностью.

здесь вы ошибаетесь

локальной переменная будет в одном единственном случае - если внутри функции перед ней стоит дефиниция var

т.е. если оформить так:

JavaScript
1
2
3
function myFunc ()
{
var M = 123; // то переменная M будет локальной и доступной только внутри функции myFunc

а если так:

JavaScript
1
2
3
4
function myFunc ()
{
M = 123; // то M будет не переменной, а станет новым свойством глобального объекта window и
         // это свойство будет доступно ВЕЗДЕ в пределах документа

@NewEXE · 01.08.2014, 15:40 **[ТС]**

kalabuni, конечно, Вы правы. Это все моя невнимательность.
Подскажите какой IDE использовать (кроме DW), чтобы не допускать больше таких ошибок?

@Eva Rosalene · 03.08.2014, 18:10

NewEXE, не допускать ошибок IDE не поможет. Это забота исключительно программиста.

Новые блоги и статьи Все статьи Все блоги /
Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .

@Logumanov 16 / 12 / 3 Регистрация: 06.03.2014 Сообщений: 71
	01.08.2014, 01:06
	По-моему, это потому что вы не объявили ни одну переменную. 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	01.08.2014, 11:43
	Сообщение было отмечено NewEXE как решение Решение javascript - язык регистрозависимый validate и Validate - это разные вещи 1

@NewEXE 25 / 25 / 1 Регистрация: 03.05.2014 Сообщений: 24
	01.08.2014, 15:12 [ТС]
	kalabuni, исправил и - ура, заработало! В Notepad2 плохо видно то, что функции названы с заглавной буквы (привычка, много кода C++ так писал). А DreamWeaver на ошибку "необъявленных" функций не указал... Logumanov, переменные объявлены как локальные (в теле функции). var перед ними не писал за ненадобностью. А использование больше одной строковой переменной, с помощью которой документ выводит ошибку или проходит проверку (var fail) я тут смысла не вижу. 0

@NewEXE 25 / 25 / 1 Регистрация: 03.05.2014 Сообщений: 24
	01.08.2014, 15:40 [ТС]
	kalabuni, конечно, Вы правы. Это все моя невнимательность. Подскажите какой IDE использовать (кроме DW), чтобы не допускать больше таких ошибок? 0

@Eva Rosalene Модератор 5241 / 2115 / 416 Регистрация: 06.01.2013 Сообщений: 4,846
	03.08.2014, 18:10
	NewEXE, не допускать ошибок IDE не поможет. Это забота исключительно программиста. 0

HTML-документ не выполняет код JS-файла

Решение