anydev/anydev-website
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

background change
All checks were successful
Deploy Theme / deploy (push) Successful in 10s
Details

Browse Source
This commit is contained in:
Helldragon67
2024-10-19 13:20:20 +08:00
parent 8ffa4e3eb8
commit 6f01a9da9c
3 changed files with 1 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
partials/components/contact-page.hbs
View File

@@ -1,35 +0,0 @@
<link rel="stylesheet" href="{{asset "css/contact.css"}}">
{{#is "page" url="https://anydev.info/contact/"}}
<div class="contact-form">
<form action="mailto:anydev.anyway@gmail.com" method="post" enctype="text/plain" id="contactForm">
<div class="form-row">
<div class="form-field">
<label for="name">Name:</label>
<input type="text" id="name" name="name" placeholder="Your name" required>
</div>
<div class="form-field">
<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="Your email" required>
</div>
</div>
<div class="form-field">
<label for="message">Message:</label>
<textarea id="message" name="message" placeholder="Your message" required></textarea>
</div>
<button type="submit" class="submit-button" id="submitBtn" disabled>Send Message</button>
</form>
</div>
<script>
const form = document.getElementById('contactForm');
const submitBtn = document.getElementById('submitBtn');
form.addEventListener('input', () => {
const isFormFilled = form.name.value && form.email.value && form.message.value;
submitBtn.disabled = !isFormFilled;
});
</script>
{{/is}}