JSFiddle - React, Tailwind, and code Playground

HTML

<form id="form1">
<table>
<tr><td><input name="email" type="email" /></td></tr>
<tr><td><input name="password" type="password" /></td></tr>
<tr><td><input onclick="request ();" type="button" value="Submit form" /></td></tr>
</table>
</form>

CSS

* { margin: 0; padding: 0; }
html, body { height: 100%; width: 100%; text-align: center; }

JavaScript

function request ()
{
"use strict";
var email = document . querySelector ( "input[name=email]" ), password = document . querySelector ( "input[name=password]" );
if ( email . validity . valid && password . validity . valid )
{
var data = { email : email . value, password : password . value }, params = [], request = new XMLHttpRequest ();
for ( var key in data ) { params . push ( encodeURIComponent ( key ) + "=" + encodeURIComponent ( data [ key ] ) ); }
params = params . join ( "&" );
request . open ( "POST", "parse.php", true );
request . setRequestHeader ( "Content-type", "application/x-www-form-urlencoded" );
request . setRequestHeader ( "Content-length", params . length );
request . setRequestHeader ( "Connection", "close" );
request . onreadystatechange = function ()
{
	if ( request . readyState == 4 )
	{
		if ( request . status == 200 ) { console . log ( request . responseText ); }
		else { console . log ( "error: " + request . statusText ); }
	}
};
request . send ( params );
}
else { console . log ( "Fake ..." ); }
}