<form class="modal fade" id="contact-form-modal" tabindex="-1" role="dialog" aria-labelledby="contact-form-modal-label" aria-hidden="true" method="post" novalidate data-remove-on-hide> <input type="hidden" name="csrfmiddlewaretoken" value="zp8W7gE81XWs1ymb5oJDYpwSSmRQ0sNBxY23jPDDAG5pPQcLdeOdJo7oFksPMH1b"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="contact-form-modal-label"><i class="fas fa-fw fa-envelope"></i> Kostenlose Anfrage an DJ makè</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body pb-0"> <div class="form-row"> <div class="col-12 mb-3"> <label for="id_name">Name:</label> <input type="text" name="name" maxlength="255" required id="id_name"> </div> <div class="col-md-6 mb-3"> <label for="id_email">Email:</label> <input type="email" name="email" maxlength="254" required="" id="id_email" pattern="[^@]+@[^.]+\.[^.]+"> <div class="invalid-feedback"> Bitte gib eine gültige Email-Adresse ein. </div> </div> <div class="col-md-6 mb-3"> <label for="id_phone_number">Telefonnummer:</label> <input type="text" name="phone_number" pattern="^(\+|00)?\d{2,15}$" maxlength="17" minlength="2" id="id_phone_number"> <div class="invalid-feedback"> Bitte gib eine gültige Telefonnummer ohne Leerzeichen ein. </div> </div> <div class="col-12 mb-3"> <label for="id_text">Text:</label> <textarea name="text" cols="40" rows="10" maxlength="1000" minlength="15" required id="id_text"> </textarea> <div class="invalid-feedback"> Bitte gib eine Nachricht zwischen 15 und 1000 Zeichen ein. </div> </div> <div class="col-12 mb-3"> <div class="form-group mb-0"> <div class="form-check"> <input class="form-check-input" type="checkbox" id="consent_data_protection" name="consent_data_protection" required> <label class="form-check-label" for="consent_data_protection"> Ich bin einverstanden, dass meine Anfrage inklusive Kontaktdaten an den Künstler übermittelt wird, die weitere Kommunikation erfolgt direkt mit dem Künstler. Es gilt weiters die <a href="https://www.artistery.com/datenschutz/" target="_blank">Datenschutz-Richtlinie</a> von Artistery. </label> <div class="invalid-feedback"> Deine Zustimmung ist erforderlich. </div> </div> </div> </div> <div class="col-12 mb-3"> <script src="https://www.google.com/recaptcha/api.js"></script> <script type="text/javascript"> // Submit function to be called, after reCAPTCHA was successful. var onSubmit_253d9b90e26947bc958bb069dc929cca = function(token) { console.log("reCAPTCHA validated for 'data-widget-uuid=\"253d9b90e26947bc958bb069dc929cca\"'") }; </script> <div class="g-recaptcha" data-sitekey="6Le7JMIZAAAAAL7k8QN6l8k45TXu8HJHOh553VXR" required id="id_captcha" data-widget-uuid="253d9b90e26947bc958bb069dc929cca" data-callback="onSubmit_253d9b90e26947bc958bb069dc929cca" data-size="normal" > </div> <div class="invalid-feedback"> Bitte setze den obigen Haken. </div> </div> </div> </div> <div class="modal-footer border-top-0 pt-0"> <button type="button" class="btn btn-light contact-form-btn" data-dismiss="modal" id="contact-form-close-btn">Schließen</button> <button type="submit" class="btn btn-primary contact-form-btn" id="contact-form-submit-btn">Senden</button> </div> </div> </div> </form>