了解Javascript表单提交

Question

试图取消发送空白表格。 感到困惑，因为似乎没有理由不起作用。 使用firefox作为我的浏览器。

任何人都可以解释为什么此代码不取消发送的表单，但会触发警报对话框。

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

非常感谢

这是addEvent函数

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();
  }
}

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

Answer 2

addEvent不是本机javascript函数。

用它代替..

    searchForm.onsubmit =  function(e){
        if(inputBox.value.trim() === ""){
             alert("empty");
             e.preventDefault();
             return false;
        }
    }