JSFiddle - React, Tailwind, and code Playground

HTML

<form action="mailto:[email protected]" method="post" enctype="plain/text" id="form1">
    <label for="name">Name:</label>&nbsp;<input type="text" name="name" />
    <label for="email">Email:</label>&nbsp;<input type="text" name="email" />
    <br clear="all" />
    <input type="submit" value="Compose" />
</form>

JavaScript

$('#form1').submit(function() {
    // Store messages
    var msgs = [];
    
    // Validate name, need at least 4 characters...
    var name = $('[name=name]', this);
    if(name.val().length < 4) {
        msgs.push('- Name need at least 04 characters;');
    }
    
    // Validate email [...]
    // {CODE}
    
    // Validate otherthings [...]
    // {CODE}
    
    if(msgs.length !== 0) {
        alert("We have some problems:\n\n" + msgs.join("\n"));
        return false;
    }
});