JSFiddle - React, Tailwind, and code Playground

by Tomáš Piňos

HTML

<form id="qmat_new_notification_form" action="http://seznam.cz" method="POST">
    
  <input type="text" id="start_date">
  <input type="text" id="end_date">
  <input id="submit" type="submit" value="Save">    
      
</form>

JavaScript

function addNew() { 

            var dataObject = {
                'startTime': $('#start_date').val(),
                'endTime': $('#end_date').val(),
                'description': $('#message').val(),
                'active': $('#status').val()
            };

            alert("data::"+dataObject);

            $.ajax({
                url: "http://seznam.cz",
                type: 'POST',
                data: dataObject
            }).done(function(json){         
alert("Success!");
//more logic    
            }).fail(function() {
                alert("OOPS!");
            });
        }

$("#submit").click(function (event) {
    addNew();
    event.preventDefault();
});
$("#submit").submit(function (event) {
    addNew();
    event.preventDefault();
});