javascript - 了解 Javascript 表单提交

Question

正在尝试取消发送空表单。感到困惑，因为似乎没有理由说明这不起作用。使用 firefox 作为我的浏览器。

谁能解释为什么这段代码没有取消正在发送的表单，而是触发了警告对话框。

addEvent(searchForm, "onsubmit", function(){
    if(inputBox.value.trim() === ""){
        alert("empty"); //this line gets called
        return false;   //this doesn't 
    }
});

非常感谢

这是添加事件函数

function addEvent(element, listener, func){   

    if(element.addEventListener){

        listener = listener.substr(2, listener.length);
       element.addEventListener(listener, func);

    } else {

        element.attachListener(listener, func);

}

}

Answer 1

你的处理程序应该是

function(e){
  if(inputBox.value.trim() == ""){
   alert('empty');
   e.preventDefault();
  }
}

通常，无论使用何种框架，处理程序都支持将事件本身作为参数传递。