小编Xav*_*avi的帖子

Javascript覆盖表单提交事件不起作用

我正在覆盖这样的表单提交事件:

form.onsubmit = function(event) {
  event.preventDefault();
Run Code Online (Sandbox Code Playgroud)

但是当我在一个单独的函数中像这样在表单上调用 submit 时:

form.submit();
Run Code Online (Sandbox Code Playgroud)

不调用 onsubmit 函数,并且像往常一样发布表单。

有什么想法吗?

编辑:

我还在此表单中创建文件输入并立即调用其单击事件。这会影响表单提交事件吗?:

if (fileInput && document.createEvent)
{
    var evt = document.createEvent('MouseEvents');
    evt.initEvent('click', true, false);
    fileInput.dispatchEvent(evt);
}
Run Code Online (Sandbox Code Playgroud)

编辑#2:

在文件输入值更改后,我通过调用表单的提交函数来提交表单:

function nameFileLabel(id)
{
    var f = document.getElementById('fileForm' + id);
    var l = document.getElementById("fileText_" + id);
    var i = document.getElementById("fInputId" + id);
    if (i.value != '')
    {
        l.innerHTML = i.value.replace('fakepath', '...');
        var theUploadForm = document.getElementById('fileDiv_' + id);
        theUploadForm.style.visibility = 'visible';
        theUploadForm.style.display = 'block';
        f.submit();
    }
}
Run Code Online (Sandbox Code Playgroud)

javascript forms dom-events

7
推荐指数
2
解决办法
2万
查看次数

标签 统计

dom-events ×1

forms ×1

javascript ×1