JSFiddle - React, Tailwind, and code Playground

HTML

<form action="#" method="post" name="testform">
    <input type="text" name="text" value="abc123!#?=&%$§" /><br/>
    <input type="password" name="password" value="password" /><br/>
    <input type="radio" name="radio" value="radio1" checked="checked" />
    <input type="radio" name="radio" value="radio2" /><br/>
    <input type="checkbox" name="checkbox" value="checkbox" checked="checked" /><br/>
    <input type="checkbox" name="checkbox2" value="checkbox2" /><br/>
    <select name="select">
		<option value="option1">option1</option>
		<option value="option2" selected="selected">option2</option>
    </select><br/>
	<textarea name="textarea">Lorem Ipsum dolor sit amet.</textarea><br/>
	<input type="submit" name="submit" value="submit"/>
</form>

JavaScript

$( "form" ).on( "submit", function( e ) {
    e.preventDefault();
    var data = $(this).serialize();
    console.log(data);
    alert(data);
    return false;
});