first commit
This commit is contained in:
78
forms/test-form.php
Normal file
78
forms/test-form.php
Normal file
@@ -0,0 +1,78 @@
|
||||
<?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>
|
||||
Reference in New Issue
Block a user