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

Simple button to check form validation in Javascript

本文关键字：验证 简单 按钮 表单 检查表 Javascript 检查      更新时间：2023-09-26

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

<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>

这是我用来尝试让它工作的jsfiddle的链接。

链接

您实际上是在调用函数并传递结果，而不是传递对 checker() 函数的引用。

您要做的是像这样传递对函数的引用...

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

注意缺乏()

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

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

注意：您也可以传递一个匿名函数：

button.addEventListener("click", function(){checker();}, false);
相关文章：