了解Javascript表单提交

时间:2013-08-03 19:04:32

标签: javascript

尝试取消发送空表单。困惑,因为似乎没有理由为什么这不起作用。使用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);

}

}

2 个答案:

答案 0 :(得分:1)

你的经纪人应该是

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

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

答案 1 :(得分:1)

addEvent不是原生的javascript函数。

请改用..

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