JSFiddle - React, Tailwind, and code Playground
by Michel Penke
HTML
<!-- Newsletter-Script -->
<script type="text/javascript">
//<![CDATA[
if (typeof newsletter_check !== "function") {
window.newsletter_check = function (f) {
var re = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-]{1,})+\.)+([a-zA-Z0-9]{2,})+$/;
if (!re.test(f.elements["ne"].value)) {
alert("Diese Email ist nicht korrekt. ");
return false;
}
for (var i=1; i<20; i++) {
if (f.elements["np" + i] && f.elements["np" + i].required && f.elements["np" + i].value == "") {
alert("");
return false;
}
}
if (f.elements["ny"] && !f.elements["ny"].checked) {
alert("Du musst die Datenschutz-AGBs akzeptieren. ");
return false;
}
return true;
}
}
//]]>
</script>
<div id="" class="newsletter-box">
<h2 class="newsletter-box-title">Freischreiber-Reporte</h2>
<form method="post" action="https://michelpenke.de/?na=s" onsubmit="return newsletter_check(this)">
<fieldset id="fieldset">
<p><input class="email-select" type="email" id="email" name="ne" size="30" placeholder="Deine Emailadresse ..." required></p>
<p class="newsletter-belehrung-1">Freischreiber e.V. wird deine E-Mail-Adresse ausschließlich dafür verwenden, dir den Newsletter zu senden.
Bitte bestätige, dass wir uns per E-Mail bei dir melden dürfen:</p>
<div style="display: none;">
<input type="checkbox" name="nl[]" value="1" checked/>Was-Journalisten-Verdienen<br />
</div>
<p><input name="AGB" class="checkbox-newsletter" name="ny" type="checkbox" id="newsletter_checkbox-1" required/>
<label class="checkboxlabel-newsletter" for="newsletter_checkbox-1"></label>
<span class="checkboxtext-newsletter">Ich akzeptiere die <a href="../../../static/honoradar/artikel/nutzungsbedingungen.html" target="_blank" class="clear-agb">Nutzungsbedingungen</a> dieser Seite.</span></p>
<p class="newsletter-belehrung-2">Du kannst deine Meinung jederzeit ändern. In jedem Newsletter wirst du ganz unten einen Link finden, über den du dich abmelden kannst.
Indem du unten auf...