Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/9: Рейтинг темы: голосов - 9, средняя оценка - 5.00
1 / 1 / 0
Регистрация: 12.10.2018
Сообщений: 24

Не получается получить значение из поля ввода данных getElementById()

23.11.2018, 12:18. Показов 2174. Ответов 14
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Есть форма для ввода оценок за экзамены. Для проверки введенных значений написан сценарий на JS, однако не получается получить значения из полей формы с помощью метода getElementById(). В чем может быть проблема?
Код страницы:
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
<!DOCTYPE html>
<HTML>
<HEAD>
    <title>Ввод контрольных результатов</title>
    <meta charset="utf-8">
    <script type="text/javascript">
          Скрипт ниже
    </script>
</HEAD>
<BODY>
    <form action="index.html" method="POST" name="exam">
        <table border=1>
            <tr>
                <td>Код преподавателя</td>
                <td>Код студента</td>
                <td>Оценка</td>
            </tr>
            <tr>
                <td><input type="text" name="tcode" id="1" onKeyPress="code_check()"></td>
                <td><input type="text" name="scode" id="2" onKeyPress="code_check()"></td>
                <td align="center">
                    <select name="mark" id="3">
                        <option value="empty">Оценка</option>
                        <option value="5">5</option>
                        <option value="4">4</option>
                        <option value="3">3</option>
                        <option value="2">2</option>
                        <option value="1">1</option>
                    </select>
                </td>
            </tr>
        </table>
        <input type="button" value="Выставить оценку" onClick="validation()">
        <input type="reset">
    </form>
</BODY>
</HTML>
Скрипт:
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
        function field(str){ //проверка на наличие значений
            str.trim();
            if (str.length>0)
                return true;
            else 
                return false;
        }
        
        function code_check(){ //ввод только цифр
            if (event.keyCode < 48 || event.keyCode > 57)
                event.preventDefault();
        }
        
        function validation(){ //проверка заполнения формы
            var tcode=document.getElementById["1"].value;
            var scode=document.getElementById["2"].value;
            var mark=document.getElementById["3"].value;
            if (field(tcode)==false || field(disc)==false || mark=="empty") {
                window.alert("Не все поля заполнены!");
            }
            else if (tcode.length!=6 || scode.length!=6){
                window.alert("Номер человека должен состоять из 6 символов!");
            }
            else if (mark.length!=1){
                window.alert("Оценка включает в себя лишь 1 символ!");
            }
            else if (!(mark>=1 && mark<=5))
                window.alert("Оценка может принимать значеня лишь от 1 до 5!");
            else
                document.forms["exam"].submit();
        }
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
23.11.2018, 12:18
Ответы с готовыми решениями:

Получить значение конкретного поля из области данных
Здравствуйте! Делаю небольшую базу данных, произошел затык. В связи с этим прошу помощи. Была сделана простая база Access, где...

document.getElementById нужно получить не значение value а сам текст. При использовании с select
Всем приветик! Ребят, подскажите пожалуйста как решить эту задачку, а то я с JavaScript очень плохо знаком. Проблем такая! Есть у меня...

Не получается через type="hidden" и getElementById передать значение
Здравствуйте. У меня есть скрипт: &lt;script type=&quot;text/javascript&quot;&gt; function confirmDelete() { if(confirm('Уверены?')) { ...

14
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
23.11.2018, 12:44
SteelWing_RC, подключите скрипт перед закрывающим тегом body
0
the hardway first
Эксперт JS
 Аватар для j2FunOnly
2475 / 1847 / 910
Регистрация: 05.06.2015
Сообщений: 3,610
23.11.2018, 13:44
Лучший ответ Сообщение было отмечено SteelWing_RC как решение

Решение

SteelWing_RC, в названии темы вы не ошиблись, а в коде почему-то квадратные скобки.
Цитата Сообщение от SteelWing_RC Посмотреть сообщение
JavaScript
1
var tcode=document.getElementById["1"].value;
Замените на круглые.

И тут подозреваю должна быть другая переменная
JavaScript
1
if (field(tcode)==false || field(disc)==false || mark=="empty") { // возможно не `disc`, а `scode`
1
23.11.2018, 13:48

Не по теме:

j2FunOnly,

Цитата Сообщение от j2FunOnly Посмотреть сообщение
квадратные скобки.
о как! А я даже не дочитал до туда.
остановился уже на head.

0
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
23.11.2018, 14:23
SteelWing_RC, внимательно прочитайте первый абзац по этой ссылке, из него вы узнаете, что id="1" и id="2" быть не должно: значения идентификаторов всегда начинаются с латинской буквы
0
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
23.11.2018, 17:17
kalabuni, приветствую.
На сегодняшний день в LS 5.1 - https://html.spec.whatwg.org/m... -attribute

Цитата Сообщение от Living Standart - HTML 5.1
There are no other restrictions on what form an ID can take; in particular, IDs can consist of just digits, start with a digit, start with an underscore, consist of just punctuation, etc.
Так что, никакой ошибки нет. Просто выбранный плохой тон и только.
1
1 / 1 / 0
Регистрация: 12.10.2018
Сообщений: 24
23.11.2018, 18:47  [ТС]
j2FunOnly, спасибо большое. Протупил я

Добавлено через 1 минуту
Просто выбранный плохой тон и только.
Qwerty_Wasd, можно подробнее, пожалуйста?
0
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
23.11.2018, 19:00
SteelWing_RC,
Цитата Сообщение от SteelWing_RC Посмотреть сообщение
можно подробнее, пожалуйста
для любого идентификатора, будь то id элемента или имя функции, лучше выбирать осмысленные названия. При такой практике
HTML5
1
id='1'
Те, кто после Вас, откроют например файл стилей - проклянут Вас и ваших родных до пятого колена. Без шуток.
Посмотрите ниже
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
#1 {
    background: #FFFFFF;
    color: #000000;
    font: 13px verdana,geneva,lucida,"lucida grande",arial,helvetica,sans-serif;
    padding: 0px;
}
#2 {
    color: #000080;
    text-decoration: underline;
}
#3 {
    color: #000080;
    text-decoration: underline;
}
#4 {
    color: #0000CC;
    text-decoration: underline;
}
Как по Вашему, удобно читать такой CSS? Как понимать какие элементы принимают эти правила?
После 10 раза, пробежавшись в файл html(понять какому элементу принадлежит id) и обратно в файл css, тот кто будет поддерживать Ваш код - будет очень зол. Очень.
А теперь представьте себя на его месте.
1
1 / 1 / 0
Регистрация: 12.10.2018
Сообщений: 24
23.11.2018, 19:07  [ТС]
Да уж. Перспектива не очень радужная... Спасибо большое за подсказку
0
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
23.11.2018, 19:12
SteelWing_RC, не за что, хорошего кода
0
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
24.11.2018, 21:13
Цитата Сообщение от Qwerty_Wasd Посмотреть сообщение
На сегодняшний день в LS 5.1 - https://html.spec.whatwg.org/m... -attribute
вторые сутки, увы, ваша ссылка недоступна в моих браузерах, ни напрямую, ни через прокси, и не только она, но даже и морду этого сайта посмотреть не могу
0
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
24.11.2018, 21:36
kalabuni, приветствую Вот, заскринил Вам.
Миниатюры
Не получается получить значение из поля ввода данных getElementById()  
0
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
24.11.2018, 21:37
Цитата Сообщение от kalabuni Посмотреть сообщение
но даже и морду этого сайта посмотреть не могу
а территориально Вы где? Если конечно не секрет.
0
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
24.11.2018, 22:20
Qwerty_Wasd, СПб
0
24.11.2018, 22:22

Не по теме:

kalabuni, странно... я сам под Питером живу.

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
24.11.2018, 22:22
Помогаю со студенческими работами здесь

Задание ключом в объекте - значение поля ввода при динамическом создании поля
$(function() { var values = {}; $('&lt;br /&gt;'+ '&lt;input type=&quot;text&quot; class=&quot;field&quot; name=&quot;field&quot; value=&quot;12345&quot;&gt;'+ ...

Создание поля в DBGrid, значение которого присваивается ориентируясь на значение поля в базе данных SQL
Добрый день! Возник такой вопрос: Есть таблица базы данных, которая в числе прочих имеет параметр, показывающий, к какому отделу...

Получить данные из Поля Ввода
Добрый вечер! Возникла следующая проблема: Создал новый справочник &quot;Абоненты&quot;. Пытаюсь програмно перенести в него данные по...

Почему не получается получить число из текстового поля?
&lt;!DOCTYPE html&gt; &lt;html ng-app=&quot;CalculatorApp&quot;&gt; &lt;head&gt; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;/&gt; ...

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


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
15
Ответ Создать тему
Новые блоги и статьи
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru