78 lines
2.2 KiB
PHP
78 lines
2.2 KiB
PHP
<?php
|
|
error_reporting(E_ALL);
|
|
ini_set('display_errors', 1);
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Kontaktformular Test</title>
|
|
<style>
|
|
.success-message { color: green; padding: 10px; }
|
|
.error-message { color: red; padding: 10px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h2>Kontaktformular Test</h2>
|
|
|
|
<div id="response-message"></div>
|
|
|
|
<form action="contact.php" method="POST" enctype="multipart/form-data">
|
|
<p>
|
|
<label>Name:</label><br>
|
|
<input type="text" name="name" value="Test Person">
|
|
</p>
|
|
|
|
<p>
|
|
<label>E-Mail:</label><br>
|
|
<input type="email" name="email" value="test@example.com">
|
|
</p>
|
|
|
|
<p>
|
|
<label>Telefon:</label><br>
|
|
<input type="text" name="mobilenumber" value="0123456789">
|
|
</p>
|
|
|
|
<p>
|
|
<label>Nachricht:</label><br>
|
|
<textarea name="message">Dies ist eine Test-Nachricht</textarea>
|
|
</p>
|
|
|
|
<p>
|
|
<label>Anhang (optional):</label><br>
|
|
<input type="file" name="resume">
|
|
</p>
|
|
|
|
<button type="submit">Senden</button>
|
|
</form>
|
|
|
|
<script>
|
|
document.querySelector('form').addEventListener('submit', function(e) {
|
|
e.preventDefault();
|
|
|
|
let formData = new FormData(this);
|
|
|
|
fetch('contact.php', {
|
|
method: 'POST',
|
|
body: formData
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
const messageDiv = document.getElementById('response-message');
|
|
messageDiv.className = data.success ? 'success-message' : 'error-message';
|
|
messageDiv.textContent = data.message;
|
|
|
|
if (data.success) {
|
|
// Optional: Formular zurücksetzen
|
|
this.reset();
|
|
}
|
|
})
|
|
.catch(error => {
|
|
console.error('Error:', error);
|
|
const messageDiv = document.getElementById('response-message');
|
|
messageDiv.className = 'error-message';
|
|
messageDiv.textContent = 'Ein Fehler ist aufgetreten';
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|