javascript - 检查输入是否为空或有文本而不是数字

Question

正如您在这里看到的 https://jsfiddle.net/kztnmm9o/我正在尝试检查输入是否为空。如果它们是空的，我想显示div id =“fehler”，如果每个输入都有一个值(必须是数字，如果不是，它也应显示id =“fehler”)我想执行该功能。我对 javascript 还很陌生，可能是一个明显的错误。感谢您的帮助!

这是原始的 javascript 代码，无需检查输入，可以正常工作:

var selectors = document.querySelectorAll("#eing1, #eing2, #eing3");
    for (var i = 0; i < selectors.length; i++) {
        selectors[i].addEventListener('keyup', function(event) {
        event.preventDefault();
         if (event.keyCode == 13) {
         document.getElementById("button").click();
       }
        });
    }

  function ausgeben(){


            var kostentisch = parseInt(document.getElementById("eing1").value)
            var bruttogehalt = parseInt(document.getElementById("eing2").value)
            var arbeitstage = parseInt(document.getElementById("eing3").value)

            var stundenlohn = bruttogehalt/arbeitstage/8;
            var arbeitszeit = arbeitstage*8;
            var produktivitaetssteigerung = arbeitszeit*0.12;
            var produktivitaetssteigerung2 = arbeitstage/produktivitaetssteigerung;
            var gewinnprotag = produktivitaetssteigerung2*stundenlohn;
            var amortisationszeit = Math.round(kostentisch/ gewinnprotag);

            document.getElementById("arbeitszeit").innerHTML=arbeitszeit + " Stunden";
            document.getElementById("produktivitaetssteigerung").innerHTML=produktivitaetssteigerung + " Stunden";
            document.getElementById("amortisationszeit").innerHTML=amortisationszeit + " Tage";
    }

Answer 1

更新了 fiddle :https://jsfiddle.net/kztnmm9o/3/

将测试更改为:

    var test = document.querySelectorAll('input[type="text"]');
var error = false;

    for (var i = 0; i < test.length; ++i) {
    if (test[i].value == "")
  {
    test[i].style.borderColor = "red";
    error = true;
  }
}

我还按照这个逻辑做了一些小的改变，但它应该很容易理解。

我还在 keyup 事件中添加了 this.style.borderColor = "transparent"; 但我不确定你是否喜欢。所以改变就随心所欲。