Skip to content
Snippets Groups Projects
formmir25.md 4.33 KiB
Newer Older
  • Learn to ignore specific revisions
  • Torben Böhnke's avatar
    Torben Böhnke committed
    ### Anmeldung zu Maker in Residence 2025 {: #form }
    
    Bitte nutze das folgende Kontaktformular, um Dich für Maker in Residence anzumelden. Deine Anmeldung ist erst nach einer Bestätigungsemail von uns gültig. 
    
    <form method="post" action="https://feedback.ruhr-uni-bochum.de/formmailer.php" name="Kontaktformular" enctype="multipart/form-data" class="form" id="contact-form">
        <input type="hidden" name="subject"       value="Anmeldung zu MIR25 von der Makerspace-Homepage" />     
    
    	<input type="hidden" name="recipients"    value="torben.boehnke-makerspace@ruhr-uni-bochum.de"/>
    
    Torben Böhnke's avatar
    Torben Böhnke committed
        <!-- 
    	<input type="hidden" name="mail_options" value="CharSet=UTF-8, 
    													PlainTemplate=template.txt, 
    													TemplateMissing='', 
    													Exclude=realname;honigtopf;schicken;FromAddr"/> 
    	-->
    	<input type="hidden" name="mail_options" value="charset=UTF-8,Exclude=realname;honigtopf;schicken;FromAddr"/>
    	<input type="hidden" name="good_url"      value="https://makerspace.ruhr-uni-bochum.de/danke/"  />
    	
    	<!-- required am Ende der Felddefinition bedeutet: Eingabe ist erforderlich> -->
    	<h2>Kontaktformular</h2>
        <div class="form-field">
    		<label for="nachname"><strong>Name:</strong></label>
    		<input name="nachname" type="text" maxlength="30" required/>
    	</div>							
    
    	<div class="form-field">
    		<label for="vorname"><strong>Vorname:</strong></label>
    		<input name="vorname" type="text" maxlength="30" required/>
    	</div>							
    
    	<div class="form-field">
    		<label for="email"><strong>E-Mail:</strong></label>
    		<input name="email" type="email" maxlength="60" required/>
    	</div>			
    
    	<div class="form-field">
    		<label for="tel"><strong>Telefonnummer:</strong></label>
    		<input name="tel" type="tel" maxlength="40" placeholder="Optional" />
    	</div>
    
        <div class="form-field">
    		<label for="gruppe"><strong>Gewünschte Gruppe</strong></label>
    		<select name="gruppe" id="gruppe" style="font-size: 1em; padding: 0.5em;" required>
    			<option value="" disabled selected>Bitte wählen</option>
    			<option value="Gruppe 1">Gruppe 1</option>
    			<option value="Gruppe 2">Gruppe 2</option>
    			<option value="Gruppe 3">Gruppe 3</option>                    
    		</select>
            <span>Die Termine der Gruppen findest Du weiter oben. Du kannst Dich für maximal 1 Gruppe anmelden.</span>
    	</div>			
    
    	<div class="form-field">
    		<label for="nachricht" id="nachricht-text"><strong>Deine Nachricht:</strong><span class='large'></span></label>
    		<textarea name="nachricht" maxlength="1500" placeholder="Hier kannst Du weitere Informationen angeben oder Fragen stellen. (Limit: 500 Zeichen)" rows="6"></textarea>
    	</div> 
    
    	<div class="honey">
    		<label for="honigtopf"><strong>Please do not fill this field:</strong></label>
    		<input name="honigtopf" tabindex="-1" autocomplete="off" type="text" maxlength="50" value="" />
    	</div>	
    
    	<div class="form-field" style="margin-bottom: 10px; font-size: var(--form-note-font-size);">
    		<label for="data-privacy" style="font-size: var(--form-note-font-size);">
    			<div style="float: left; padding: 0px;">
    				<input type="checkbox" id="data-privacy" name="data-privacy" required>
    			</div>
    			<div style="overflow: hidden; padding-left: 10px;">
    				Ich erkläre mich mit der Erhebung, Verarbeitung und Speicherung meiner hier gemachten Angaben gemäß Eurer
    				<a href="https://www.ruhr-uni-bochum.de/de/datenschutz" target="_blank" style="color: var(--link-color);">Datenschutzerklärung</a> einverstanden. Meine Einwilligung kann ich jederzeit durch formlose Mitteilung an Euch widerrufen.
    			</div>
    		</label>
    	</div>
              
    
    	<div class="form-field">
    		<input type="submit" class="hover" value="Kontaktformular absenden" name="schicken" /> 
    	</div>							
    </form>
    
    <script>
    document.addEventListener('DOMContentLoaded', function() {
    	document.getElementById("contact-form").addEventListener("submit", function (e) {
    		const honeypot = document.querySelector('input[name="honigtopf"]');
    		if (honeypot.value !== "") {
    			e.preventDefault();
    			alert("Spam detected. Submission rejected.");
    		}
    	});
    	const form = document.getElementById("contact-form");
    	const submitTime = new Date().getTime();
    
    	form.addEventListener("submit", function (e) {
    		const currentTime = new Date().getTime();
    		const timeDifference = (currentTime - submitTime) / 1000;
    
    		if (timeDifference < 10) { 
    			e.preventDefault();
    			alert("Please take more time to fill out the form.");
    		}
    	});
    });
    </script>