JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0" />
    <title>test popup</title>
    <script type="text/javascript">
        function validate() {
            var PopupWindow = window.open('about:blank', 'PopupWindow', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=400,height=300,left=312,top=234');

            var myForm = document.getElementById('myForm');
            myForm.target = 'PopupWindow';

            return true;
        }
    </script>
</head>
<body>
    <form id="myForm" method="post" action="action.php" onsubmit="return validate()">
        <input name="field" value="test">
        <input type="submit" value="submit">
    </form>
</body>
</html>