在Javascript中检查表单验证的简单按钮

我只是尝试创建一个简单的按钮来检查输入字段是否为空，并相应地设置其样式。我觉得这应该很简单，但我只是错过了一些东西

<input id="text"></input>
<button id="button">check</button>
<script>
var text = document.getElementById('text');
var button = document.getElementById('button');

function checker() {
   if (text.value === "") {
    text.style.cssText = "background:red;";
    return false;
   }
   else {
       text.style.cssText = "background:green;";
   }
}

button.addEventListener("click", checker(), false);
</script>

这里是指向一个JSFIDLE的链接，我正在使用它来尝试让它工作

---

您实际上是在调用该函数并传递结果，而不是将引用传递给checker函数

你要做的是像这样传递一个函数的引用

button.addEventListener("click", checker, false);

---

请注意缺少

而不是将引用传递给checker函数，而是实际调用该函数并传递结果

你要做的是像这样传递一个函数的引用

button.addEventListener("click", checker, false);

---

注意缺少

您需要通过引用传递函数：

button.addEventListener("click", checker, false);

注意：您还可以传递匿名函数：

button.addEventListener("click", function(){checker();}, false);

---

您需要通过引用传递函数：

button.addEventListener("click", checker, false);

注意：您还可以传递匿名函数：

button.addEventListener("click", function(){checker();}, false);

---

为什么不使用jquery？它更简单，而且你可以使用这个函数。在表单上提交好吧，我刚刚开始学习javascript，我想我应该先学习它，在我尝试学习像jquery这样的任何东西之前，至少先了解一下基础知识。你为什么不使用jquery？它更简单，你可以使用这个函数。在表单上提交好吧，我刚刚开始学习javascript，我想我应该先学习它，至少在我尝试学习其他东西（如jquery）之前，先了解基本知识。谢谢你的帮助和如此快速的响应！这不是一个问题——当你知道你在寻找什么时，很容易发现。祝您在javascript/jquery中好运：-感谢您的帮助和如此快速的响应！这不是一个问题——当你知道你在寻找什么时，很容易发现。祝您在javascript/jquery中好运：-