Question

我正在尝试使javascript函数处理提交表单，该函数似乎无法运行。有人可以帮忙吗？

<html>
<head>
    <script>
        function upload(){
                alert("I am an alert box!");
        }
     </script>
</head>
<body>
    <form enctype="multipart/form-data" method="post" onsubmit="return upload();">
    <input type="file" name="file">
    <input type="submit" name="upload" value="Datei hochladen">
    </form>
</body>
</html>

Answer 1

将事件处理程序附加到表单元素时，事件处理程序的范围是表单而不是窗口

<form enctype="multipart/form-data" method="post" onsubmit="return upload(this);">

<script>
    function upload(scope) {
        console.log(scope); // The passed scope from the event handler is
    }                       // the form, and not window
</script>

由于表单中的输入元素作为属性附加到表单对象，其中名称是键，在事件处理程序中调用upload()，其中作用域是表单，将等于调用{{1}但是，表单已经有一个具有该名称的元素，因此form.upload()是上传按钮，而不是全局范围内的form.upload函数。

要解决此问题，请重命名函数或元素

upload()

FIDDLE

Answer 2

在代码中添加return语句

enter code here
<script>
function upload(){
    alert("I am an alert box!");
    return false;

}

javascript onsubmit无法正常工作

2 个答案: