JSFiddle - React, Tailwind, and code Playground

by Kevin Faulhaber

HTML

<form name="Rego" method="post" action="registration2.php" onsubmit="return validate();">
    <label>Name:</label>
    <input type="text" name="fname" required />
    <label>Last Name:</label>
    <input type="text" name="lname" required />
    <label>Username:</label>
    <input id="user" type="text" name="username" required />
    <label>Email:</label>
    <input type="text" name="email" required />
    <label>Password:</label>
    <input type="password" name="password" id="pass" required />
    <label>Confirm Password:</label>
    <input type="password" name="conpassword" id="conpass" required />
    <input id="sub" class="button" type="submit" value="Submit"/>
    <input id="reset" class="button" type="reset" value="Reset"/>
</form>

JavaScript

//won't work on jsfiddle: window.onload = formEvents;
formEvents();
var Username = document.forms["Rego"]["username"].value;

function formEvents()
{
    var user = document.getElementById('user');  
    var sub = document.getElementById('sub');
    var reset = document.getElementById('reset'); 
    user.onkeyup = function(){
        var val = user.value.match(/\d+/g);
        if(val != null)
        {
            sub.disabled=true;
        }
        else
        {
          sub.disabled=false;   
        }
    };
}