Перевод строки в число с проверкой

@iwttvod · Регистрация: 10.12.2017

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

Здравствуйте.
С семейством Си как-то не получилось, поэтому с Паскаля я перешёл на JavaScript.
Бегло осмотрев самоучитель, я решил проверить приобретённые навыки, но тут тоже возникли сложности, такой уж я необучаемый, извините.
Покажите, пожалуйста, код, реализующий текстовое поле и кнопку, при нажатии на которую скрипт проверит, введено ли в это самое поле целое число, и если нет, выведет соответствующее сообщение. Выводить столбиком, см. скрин, я схематично обозначил.

@atanov · 13.02.2018, 22:07

iwttvod,
Вам сюда про регулярные выражения https://learn.javascript.ru/re... er-classes, конкретнее 2-йипример на страничке

@j2FunOnly · 14.02.2018, 10:31

HTML5
1
2
3
4
5
<form id="user-input">
  <input type="text" name="integer" placeholder="введите целое число">
  <input type="submit" value="Ввод">
  <output name="result" class="result"></output>
</form>

CSS
1
2
3
4
5
6
7
.result p {
  transition: opacity .5s;
}
 
.result p.hidden {
  opacity: 0;
}

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var form = document.querySelector('#user-input');
form.addEventListener('submit', function(event) {
  event.preventDefault();
 
  var p = document.createElement('p'),
    result = this.result;
 
  p.className = 'hidden';
  var isInt = /^\d+$/.test(this.integer.value.trim());
  p.textContent = isInt ? 'Верный ввод' : 'Неверный ввод';
  result.insertAdjacentElement('afterbegin', p);
 
  setTimeout(function() {
    p.className = '';
  }, 50);
 
  setTimeout(function() {
    p.className = 'hidden';
    setTimeout(function() {
      result.removeChild(p);
    }, 500);
  }, 5000);
});

https://jsfiddle.net/j2FunOnly/adaLm844/

@iwttvod · 16.02.2018, 18:20 **[ТС]**

j2FunOnly, так, а можно теперь проверку на четырёхзначное число не с 0 и появление неисчезающего сообщения снизу, а не сверху предыдущего? И пусть в результате верного ввода выполнится процедура, а сообщение появится только в случае неверного. Если не затруднит, конечно.

Добавлено через 50 секунд
atanov, отлично, изучаю.

@iwttvod · 19.02.2018, 15:18 **[ТС]**

atanov, а вывод как?

@atanov · 19.02.2018, 15:35

iwttvod, Вы имеете ввиду вывод - представление результата или вывод - по результатам дискуссии?

@iwttvod · 23.02.2018, 09:40 **[ТС]**

atanov, результат. Если ввод верный, выполнить процедуру с выводом сверху вниз неисчезающих сообщений, я ответил выше.

@atanov · 23.02.2018, 13:17

iwttvod,
Так подойдёт?

HTML5
1
2
3
4
<meta http-equiv = "Content-Type" content = "text/html" charset = "utf-8">
<input type = "text" id = "integer" placeholder = "введите целое число">
<input type = "submit" id = "enterButton" value = "Ввод">
<script src = "13.js" type = "text/javascript"></script>

JavaScript
1
2
3
4
5
6
7
8
document.getElementById('enterButton').onclick = function() {
     var b = document.getElementById('integer').value.match(/\D+$/);
     if (b == null){}else{
         elemp = document.createElement('p');
        elemp.innerHTML = "Невернный ответ";
        document.body.appendChild (elemp);
        }
        }

@iwttvod · 25.02.2018, 09:25 **[ТС]**

atanov, отлично, спасибо! Всё работает! Только мне пришлось заменить

utf-8

на

windows-1251

.

@atanov · 25.02.2018, 11:02

iwttvod, да это как угодно

удачи.

Новые блоги и статьи Все статьи Все блоги /
Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .	SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip
Жизнь в неопределённости kumehtar 23.03.2026 Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .	Модель здравоСохранения: работники работают быстрее после её введения. anaschu 23.03.2026 geJalZw1fLo Корпорация до введения программа здравоохранения имела много невыполненных работниками заданий, после введения программы количество заданий выросло. Но на выплатах по больничным это. . .	Контроль уникальности заводского номера Maks 23.03.2026 Алгоритм контроля уникальности заводского (или серийного) номера на примере нетипового документа выдачи шин для спецтехники с табличной частью, разработанного в конфигурации КА2. Данные берутся из. . .	Хочу заставить корпорации вкладываться в здоровье сотрудников: делаю мат модель здравосохранения anaschu 22.03.2026 e7EYtONaj8Y Z4Tv2zpXVVo https:/ / github. com/ shumilovas/ med2. git

@iwttvod 3 / 2 / 2 Регистрация: 10.12.2017 Сообщений: 65

	Перевод строки в число с проверкой 13.02.2018, 21:00. Показов 1929. Ответов 9 Метки нет (Все метки) Здравствуйте. С семейством Си как-то не получилось, поэтому с Паскаля я перешёл на JavaScript. Бегло осмотрев самоучитель, я решил проверить приобретённые навыки, но тут тоже возникли сложности, такой уж я необучаемый, извините. Покажите, пожалуйста, код, реализующий текстовое поле и кнопку, при нажатии на которую скрипт проверит, введено ли в это самое поле целое число, и если нет, выведет соответствующее сообщение. Выводить столбиком, см. скрин, я схематично обозначил. Миниатюры 0

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	13.02.2018, 22:07
	iwttvod, Вам сюда про регулярные выражения https://learn.javascript.ru/re... er-classes, конкретнее 2-йипример на страничке 0

@iwttvod 3 / 2 / 2 Регистрация: 10.12.2017 Сообщений: 65
	16.02.2018, 18:20 [ТС]
	j2FunOnly, так, а можно теперь проверку на четырёхзначное число не с 0 и появление неисчезающего сообщения снизу, а не сверху предыдущего? И пусть в результате верного ввода выполнится процедура, а сообщение появится только в случае неверного. Если не затруднит, конечно. Добавлено через 50 секунд atanov, отлично, изучаю. 0

@iwttvod 3 / 2 / 2 Регистрация: 10.12.2017 Сообщений: 65
	19.02.2018, 15:18 [ТС]
	atanov, а вывод как? 0

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	19.02.2018, 15:35
	iwttvod, Вы имеете ввиду вывод - представление результата или вывод - по результатам дискуссии? 0

@iwttvod 3 / 2 / 2 Регистрация: 10.12.2017 Сообщений: 65
	23.02.2018, 09:40 [ТС]
	atanov, результат. Если ввод верный, выполнить процедуру с выводом сверху вниз неисчезающих сообщений, я ответил выше. 0

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	25.02.2018, 11:02
	iwttvod, да это как угодно удачи. 0

Перевод строки в число с проверкой

Решение