Wie kann man verhindern, dass ein Formular neu geladen wird, wenn ein Button geklickt wird?

Um zu verhindern, dass ein Formular neu geladen wird, wenn ein Button geklickt wird, kann man JavaScript verwenden, um das Standardverhalten des Buttons zu unterbinden. Dazu kann man die preventDefault() Methode auf das Eventobjekt anwenden, das durch das Klicken des Buttons ausgelöst wird. Dadurch wird verhindert, dass das Formular neu geladen wird. 

<!DOCTYPE html>
<html>
<head>
    <title>Prevent Form Reload</title>
</head>
<body>

<form id="myForm" action="submit.php" method="post">
    <input type="text" name="input">
    <button id="submitButton">Submit</button>
</form>

<script>
    document.getElementById('submitButton').addEventListener('click', function(e) {
        e.preventDefault(); // Prevent form from reloading
        // Additional logic can be added here
    });
</script>

</body>
</html>

Keywords

PHP form submission prevent reload AJAX event.preventDefault

Related Questions