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

Question

我只是想创建一个简单的按钮来检查输入字段是否为空并相应地设置它.我觉得这应该很简单,但我只是缺少一些东西.

<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的链接.

链接

Answer 1

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

你想要做的是传递对这个函数的引用......

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

注意缺乏 ()