Проверка input на ввод числа без отправки формы
Добрый день. Подскажите пожалуйста, как поступить в такой ситуации?
Есть input, есть button. Задача: поставить input’у проверку, что введено именно число. Думал простую поставить pattern=»^[ 0-9]+$», но дело в том, что button не отправляет форму, он заскриптован и просто перелистывает страницу. Проверка, соответственно, не срабатывает. Подскажите, как сделать так, чтобы при нажатии на button, сначала инициировать скрипт проверки, а потом уже срабатывал скрипт перелистывания страницы? И как остановить срабатывание скрипта, если проверка на число даёт отрицательный результат? Как дать пользователю возможность исправить ошибку?
1 2 3
input id="count" type="text" pattern="^[ 0-9]+$"> button class="next-step" onclick="if(isNaN($('#stock-count-of-cubes').val()) == true);">Далее/button>
Проверку на число сделал, но страница, при клике на button, перелистывается (появляются новые input и button вместо старых), и введённые некорректные данные уже не исправить. Хотя сообщение о том, что данные некорректны, пользователь прочесть успевает.
Курсы javascript
как проверить вводимые данные в input. Задача такая, что допускаются только цифры.
Проблема в том что когда вводишь в поле число, то выдает все равно sring.
$('input').change(function()< alert(typeof $(this).val()); >);
Как тогда проверить было ли введено число или нет?
25.01.2014, 17:24
Регистрация: 11.09.2010
Сообщений: 8,804
__________________
В личку только с интересными предложениями
25.01.2014, 17:56
Регистрация: 10.08.2013
Сообщений: 71
27.01.2014, 15:23
Регистрация: 23.10.2010
Сообщений: 2,718
27.01.2014, 18:52
Регистрация: 26.01.2014
Сообщений: 78
$('input').change(function()< alert(typeof $(this).val()); >);
$('input').keyup(function()< var nondigs=/[^\d]/g, val=$(this).val(); $(this).val(val.replace(nondigs,'')); >);
Последний раз редактировалось Cuntmann, 27.01.2014 в 18:56 .
Python проверка ввода числа (или текста)
Несколько алгоритмов для проверки ввода числа (строки и т.д) в Python, оформленные функциями.
Проверка ввода числа (или текста)
Вариант ValueError
def getNumber01(): # Первый вариант while type: getNumber = input('Введите число: ') # Ввод числа try: # Проверка что getTempNumber преобразуется в число без ошибки getTempNumber = int(getNumber) except ValueError: # Проверка на ошибку неверного формата (введены буквы) print('"' + getNumber + '"' + ' - не является числом') else: # Если getTempNumber преобразован в число без ошибки, выход из цикла while break return abs(getNumber) # возвращает модуль getTempNumber (для искл. отрицат. чисел) print(getNumber01())Вариант isdigit()
def getNumber02 (): while True: getNumber = input('Введите целое положительное число: ') # Ввод числа if getNumber.isdigit() : return getNumber print(getNumber02())You may also like
Домашняя работа по курсу Веб-вёрстка от Skillbox
Отключение перенаправления файлов Python (Wow64)
Проверка и установка принтера по умолчанию
Оставьте комментарий X
You must be logged in to post a comment.
Получаем данные из поля ввода с помощью input.value
Мы научились с помощью скрипта изменять текст на странице, когда пользователь отправляет форму. У нас это форма подписки на рассылку, и нам нужно сообщить пользователю, что он успешно подписался. Сообщение будет выглядеть так:
Адрес e-mail добавлен в список получателей рассылки.Адрес электронной почты в сообщении должен быть тем, который введёт пользователь. Как его получить?
Нам поможет особое свойство, которое есть у полей ввода, — value . Допустим, на странице есть поле ввода input :
Босс проходил мимо и ввёл туда своё имя — Кекс. С помощью свойства value мы можем получить данные из этого поля ввода. А после, например, вывести их в консоль:
let input = document.querySelector('input'); console.log(input.value); // Выведет: КексА ещё мы можем вывести данные из поля ввода прямо на страницу. Представим, что у нас на странице есть абзац, который мы нашли и сохранили в переменную paragraph . Мы можем сделать так:
paragraph.textContent = input.value;И теперь то, что ввёл пользователь в поле input , отобразится на странице как текстовое содержимое элемента paragraph .
В нашем случае пользователь вводит свой адрес в поле с классом subscription-email . Найдём его и скажем JavaScript вывести полученные данные на страницу.
Почему бы не прочитать текст из поля ввода с помощью textContent ? Если мы попытаемся это сделать, то получим пустую строку. Для JavaScript поля формы не имеют текстового содержимого, их значения хранятся именно в value .
Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс по вёрстке первого уровня, проходящий c 29 января по 1 апреля 2024. До 9 ноября цена 18 900 ₽ 22 900 ₽
Перейти к заданию
- index.html Сплит-режим
- style.css Сплит-режим
- script.js Сплит-режим