JSFiddle - React, Tailwind, and code Playground

by jabley

HTML

<div id="control">
  <input name="email"/>
</div>

CSS

.pass {
    background-color: green;
}

.fail {
    background-color: red;
}

JavaScript

$(function () {
    $("input[name='email']").val("[email protected]");
    
    var customer = {};
    customer.email = $("input[name='email']").val();
    var data = JSON.stringify(customer);
    
    $.ajax({
        type: 'POST',
        url: "/echo/json/",
        data: data,
        contentType: 'application/json',
        success : function (data) {
            $("div").addClass("pass");
        }, 
        error: function (jqXHR, textStatus, err) {
            $("div").addClass("fail");
        }
    });
});