views/signup.hbs

<!DOCTYPE html>
<html>
<head>
    <title> Sign Up </title>
    <link href="https://fonts.googleapis.com/css?family=Roboto|Rubik&display=swap" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="/js/validator.min.js" type="text/javascript"></script>
    <script src="/js/signup.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="/css/main.css">
    <link rel="stylesheet" type="text/css" href="/css/form.css">
</head>
<body>

{{> header flag=flag name=name uidNum=uidNum}}

<div id="container">
    <div id="content">
        <h1 id="title"> Sign Up. </h1>
        <form id="signup" method="post">
            <input type="text" name="fName" id="fName" class="field" placeholder="First Name" required> <br>
            <p id="fNameError" class="error">{{fNameError}}</p>
            <input type="text" name="lName" id="lName" class="field" placeholder="Last Name" required> <br>
            <p id="lNameError" class="error">{{lNameError}}</p>
            <input type="number" name="idNum" id="idNum" class="field" placeholder="Id Number" required> <br>
            <p id="idNumError" class="error">{{idNumError}}</p>
            <input type="password" name="pw" id="pw" class="field" placeholder="Password" required> <br>
            <p id="pwError" class="error">{{pwError}}</p>
            <input type="submit" id="submit" value="SUBMIT" disabled>
        </form>
    </div>
</div>

</body>
</html>