Непонятная логика кода валидации формы

@fomik2 · Регистрация: 02.11.2013

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

Добрый день.
Есть такая функция:
(проверка пустое поле или нет, если пустое - окрасить border красным и вывести рядом сообщение helpText)

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function validateNonEmpty(inputField, helpText, id, textHelp)  /* проверка пустое поле ли или нет*/
{   
    if (inputField.value.length == 0) 
    {
            if (helpText != null) 
            {   
            document.getElementById(id).style.border = "1px solid red"; 
            helpText.innerHTML = textHelp;  
            }   
    return false;
    }
        else
        {
            if (helpText != null) 
            {
            helpText.innerHTML = "";
            document.getElementById(id).style.border = "";
            }
        return true;
        }       
}

HTML5
1
2
3
4
5
6
<div class="field">
        <label>Enter your name:</label>
        <input id="name" name="name" type="text" size="32"
          onblur="validateNonEmpty(this, document.getElementById('name_help'), id, 'Введите имя')" />
        <span id="name_help" class="help"></span>
      </div>

Если убираю if (helpText != null) {}, то возникает ошибка (в гуглхромовом отладчике) Uncaught TypeError: Cannot read property 'style' of null. Объясните логику этого?

@troayn32 · 08.03.2014, 19:53

http://stackoverflow.com/quest... turns-null

@kalabuni · 09.03.2014, 03:01

ваша функция function validateNonEmpty(inputField, helpText, id, textHelp) требует следующие аргументы:

inputField - функция ждёт объект; вы его и передаёте в виде this; здесь всё ОК

helpText - функция ждёт объект; вы также его передаёте в виде document.getElementById('name_help'); и здесь всё ОК

id - функция ждёт строку символов; вы передаёте переменную id, которая в выложенном вами куске кода не определена как строка символов; именно здесь возможна проблема! [судя по описанию задачи, здесь вы должны передать this.id, но я могу и ошибаться - слишком, извините, бестолковый у вас скрипт]

textHelp - функция ждёт строку символов; вы её и передаёте в виде 'Введите имя'; здесь тоже всё ОК

Новые блоги и статьи Все статьи Все блоги /
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20%	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .

@troayn32 25 / 25 / 9 Регистрация: 18.09.2011 Сообщений: 130
	08.03.2014, 19:53
	http://stackoverflow.com/quest... turns-null 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	09.03.2014, 03:01
	ваша функция function validateNonEmpty(inputField, helpText, id, textHelp) требует следующие аргументы: inputField - функция ждёт объект; вы его и передаёте в виде this; здесь всё ОК helpText - функция ждёт объект; вы также его передаёте в виде document.getElementById('name_help'); и здесь всё ОК id - функция ждёт строку символов; вы передаёте переменную id, которая в выложенном вами куске кода не определена как строка символов; именно здесь возможна проблема! [судя по описанию задачи, здесь вы должны передать this.id, но я могу и ошибаться - слишком, извините, бестолковый у вас скрипт] textHelp - функция ждёт строку символов; вы её и передаёте в виде 'Введите имя'; здесь тоже всё ОК 0