表单元素上的addeventlistener错误,未调用preventDefault

时间:2016-03-29 21:04:09

标签: javascript jquery forms

我有以下表格:

<form method="POST" action="upload" accept-charset="UTF-8" id="upload" enctype="multipart/form-data">
   <input multiple="multiple" class="btn-lg btn-primary" name="file[]" type="file">
   <input class="btn btn-info" type="submit" value="Upload!">
</form>

并尝试使用以下代码阻止提交表单:

<script>
    var form = document.getElementById('upload');
    var request = new XMLHttpRequest();

    form.AddEventListener("submit", function(e){
        e.preventDefault();
        ... more code here...
    });
</script>

然而,结果与我的预期相反,因此表单已提交,在Chrome的控制台中,我可以看到以下错误消息:

Uncaught TypeError: form.AddEventListener is not a function

这是我在此页面上唯一的表单,也是id为“upload”的唯一对象,因此标识符是唯一的,响应不是数组对象。

有什么想法吗?

0 个答案:

没有答案