JSFiddle - React, Tailwind, and code Playground

HTML

<form id="form">
    UserID
    <input class='required' type="text" name="userId" id="userId" /><br/>
    Password
    <input class='required' type="password" name="pw" id="pw" /><br/>
    <p id="msg"></p>
    <input type="submit" />
</form>

JavaScript

$('#form').submit(function (e) {
    e.preventDefault();

    //getting elements
    var id = $('#userId').val();
    var pw = $('#pw').val();

    //validating
    try {
        //all Fields are Required.
        $(".required").each(function () {
            if ($(this).val().length == 0) {
                $(this).focus();
                throw "Some Feilds are Required!";
            }
        });
        
        //User Id Cannot Contains Space
		var userid_ppt = /^\w+$/g;
		if( !userid_ppt.test(id) )
			throw "User Id Cannot Contains Space";
		
        //Password Must Be greater than Six characters
		if( pw.length < 6 )
			throw "Password Must Be greater than Six characters";
		
    } catch (emsg) {
        $("#msg").html(emsg).stop().show().fadeOut(1000);;
        return false;
    }
    return true;
});