JSFiddle - React, Tailwind, and code Playground

by wisegorilla

HTML

<div class="newsletter_form_wrap">
<form id="newsletter_form" action="https://app.upviral.com/site/parse_new_users/call/ajax/campId/65571" method="post">
  <div class='form-group'>
    <input type="email" id="email" name="email" value="" size="40" class="gift_form_field" placeholder="E-Mail-Adresse" required>
  </div>

  <div class='form-group'>
    <input type="text" id="fname" name="name" value="" size="40" class="gift_form_field" placeholder="Vorname" required>
  </div>

  <div class='form-group'>
    <input type="text" id="lname" name="LastName" value="" size="40" class="gift_form_field" placeholder="Nachname" required>
  </div>

  <span><input type="submit" class="gift_form_submit" value="Jetzt anmelden"></span>
<input type='hidden' name='reflink' value=''>
<input type='hidden' name='source' value='Referred'>
</form> 
</div>

<div class="newsletter_thanks" style="display:none;">
<h1>Wir haben ihre Daten erhalten. Vielen Dank</h1>
<h2>Klicken Sie auf „Jetzt einkaufen“ und erhalten Sie __% auf ihren nächsten Einkauf</h2>
</div>


<div class="newsletter_captcha">
</div>

JavaScript

function uv_redirect() {
    if (document.cookie.search(/\buv_referred_news\S*=/) < 0) {
      jQuery('.newsletter_form_wrap').show(); //Cookie not set
    } else {
      jQuery('.newsletter_thanks').show(); //Cookie is set
    }
  }
  //window.onload = uv_redirect;


  
    /* attach a submit handler to the form */
    jQuery("#newsletter_form").submit(function(event) {

      /* stop form from submitting normally */
      event.preventDefault();

      /* get the action attribute from the <form action=""> element */
      var jQueryform = jQuery( this ),
          url = jQueryform.attr( 'action' );

      /* Send the data using post with element id name and name2*/
      var posting = jQuery.post( url, { 
        email: jQuery('#email').val(),
        name: jQuery('#fname').val(),
        LastName: jQuery('#lname').val(),
        } );

      /* Alerts the results */
      posting.done(function( data ) {
        
        jQuery('.newsletter_captcha').append(response);

  //      document.cookie = "uv_referred_news=true; expires=Thu, 18 Dec 2019 12:00:00 UTC";
    //    jQuery('.newsletter_form_wrap').hide();
    //    jQuery('.newsletter_thanks').show();
      });
    });