Javascript Как проверить, что входное значение не является ни пустым, ни числом?

Я хочу проверить, вводит ли пользователь значение в один из моих входных данных. Я хочу проверить, что введенное значение не является ни пустой строкой, ни числом. Как мне это сделать, пожалуйста?

const tempInput = parseInt(document.querySelector("#temp").value); 
// this is my input

if (tempInput === '' || tempInput !== Nan){
  code block
}

это не работает к сожалению! Спасибо!!

Вы должны использовать метод isNaN(), чтобы проверить, не является ли ввод числом. пример использования isNaN("test")

— 11.12.2020 00:56

В HTML 5 лучше всего это сделать с помощью поля input.pattern.

— 11.12.2020 00:58

И не нужно проверять, если tempInput === '', это не может произойти после того, как вы использовали parseInt на нем. Просто if (isNaN(tempInput)) { /* the input is invalid */ }

— 11.12.2020 00:58

javascript

11.12.2020 00:54

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

407

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

var value = document.getElementById("temp").value;
if (value.length > 0 && !isNaN(value))
{
    //code
}

11.12.2020 00:57

Ответ принят как подходящий

var theInput = document.getElementById("temp");
var regex = /(?:[A-Za-z].*?\d|\d.*?[A-Za-z])/;

theInput.addEventListener("keyup", function () {
    if (theInput.value.length == 0){
       console.info("Is empty");
    } else if (!!theInput.value.match(regex)){
        console.info("Both number and characters");
    } else if (theInput.value.length > 0 && !isNaN(theInput.value)){
        console.info("Number");
    } else {
      console.info("NOT a Number");
    }
});