JSFiddle - React, Tailwind, and code Playground

by GaryC123

HTML

<form name="form1" action="#" method="post" target="_self" id="form1" onsubmit="return validate()">Username
    <input name="username" value="">Name
    <input name="name" value="">
    <input type=submit value="submit">
    <input type=reset value="reset">
</form>

JavaScript

function validate() {
    var myForm = document.form1;
    if (myForm.username.value == "" || myForm.name.value == "") {
        err=""
        if (myForm.username.value == "") {
            err+=" and Username"
            myForm.username.focus();
        }
        if (myForm.name.value == "") {
             err+=" and Name"
            myForm.name.focus();
        }
        alert("Missing - "+err.substring(5))
        return false;
        
    } else {
        var r = confirm("Username: "+myForm.username.value+"\nName:"+myForm.name.value+"\n\nSubmit?");
        if (r != true) {
            return false;
        }
    }
}