Javascript onsubmit не работает

Я пытаюсь заставить функцию 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>
Источник

3 ответа

Решение

При присоединении обработчика событий к элементу формы область действия обработчика событий - это форма, а не окно

<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() в обработчике событий, где область видимости - это форма вызова form.upload(), но форма уже имеет элемент с таким именем, так form.upload кнопка загрузки, а не upload() функция в глобальном масштабе.

Чтобы решить эту проблему, переименуйте функцию или элемент

<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="upload2" value="Datei hochladen">
    </form>
</body>
</html>

FIDDLE

Источник

Моя проблема, у меня была, не зная формы внутри формы, я взаимодействовал с внутренней, независимо от того, что я делаю, внешняя форма всегда выполняется

Источник

Добавьте заявление возврата в ваш код

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

}

Источник
Другие вопросы по тегам