JSFiddle - React, Tailwind, and code Playground

by jasonwilczak

HTML

<form id="join">
<div class="content">
    <h2>Join the Dodilio Exchange</h2>
    <ul>
        <li><input id="firstname" type="text" placeholder="Fast Name" name="firstname" required></li>
    </ul>
 </div>
 </form>

JavaScript

var register = function (firstname) {

        var obj = {
            "firstname": firstname
        };
    var dataToSend = JSON.stringify(obj);
        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            dataType: 'json',
            data: dataToSend,
            url: "/rest/register/?format=json",
            success: function (data) {
                console.log('success');
                //window.location.href = '/ideas'
            }
        });
    }


    var joinForm = $('#join');

    joinForm.submit(function(e){
        
        console.log('submit');
        e.preventDefault();

        var firstname = $('#firstname').val();
        register(firstname);


        return false;
    })