basic html client login form validation

jenath · jenath · commit fca4dcb5e02f · 2018-04-11T15:43:22.000+01:00
relates #2
diff --git a/Public/login.html b/Public/login.html
@@ -7,18 +7,18 @@
   <body>
     <section>
 
-      <form class="login__form" action="/login" method="POST" novalidate>
+      <form class="login__form">
 
         <label for="username">Username:
-          <input id="username" type="text" required/>
+          <input id="username" type="text" required pattern="^[a-zA-Z0-9]+$"  title="Please provide an alphanumeric name"/>
         </label>
         <label for="password">Password:
-          <input id="password" type="password" required pattern="^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$" />
+          <input id="password" type="password" required pattern="^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$"  title="Password should contain more than 8 characters, at least 1 capital letter and 1 number"/>
         </label>
 
       <p class="error" aria-live="polite"></p>
 
-      <button>login</button>
+      <input type="submit" id="loginButton" value="login"/>
       </form>
 
     </section>
diff --git a/Public/login.js b/Public/login.js
@@ -1,2 +1,4 @@
 const username = document.getElementById('username');
 const password = document.getElementById('password');
+
+const loginButton = document.getElementById('loginButton');
diff --git a/Src/server.js b/Src/server.js
@@ -0,0 +1,10 @@
+const http = require('http');
+const router = require('./router.js');
+
+const server = http.createServer(router);
+const port = process.env.PORT || 7000;
+const host = process.env.HOST || 'localhost';
+
+server.listen(port, () => {
+    console.log(`Magic happens at http://${host}:${port}`);
+});
