bfl-itp · eyejes · Oct 31, 2014
diff --git a/Gruntfile.js b/Gruntfile.js
diff --git a/index.html b/index.html
@@ -1,9 +1,61 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>So-and-so's Stateful Assignment</title>
-  </head>
-  <body>
-    YOUR PROJECT HERE
-  </body>
+    <title>Eunice's Stateful Assignment </title>
+
+    <style>
+    h1, p{
+      text-align:center;
+    }
+
+    </style>
+
+    <h1> Register Board </h1>
+
+</head>
+<body>
+<style>
+    form, input{
+      text-align:center;
+    }
+
+    </style>
+<form action="tryjs_submitpage.htm" onsubmit="return myFunction()">
+Name (max 10 characters) <br>
+<input type="text" id="fname" size="20"><br>
+Age (from 1 to 100) <br>
+<input type="text" id="age" size="20"><br>
+E-mail <br>
+<input type="text" id="email" size="20"><br>
+<br>
+<input type="submit" value="Submit"> 
+</form>
+
+<script>
+
+function myFunction() {
+    var at = document.getElementById("email").value.indexOf("@");
+    var age = document.getElementById("age").value;
+    var fname = document.getElementById("fname").value;
+    submitOK = "true";
+
+    if (fname.length>10) {
+        alert("The name may have no more than 10 characters");
+        submitOK = "false";
+    } 
+    if (isNaN(age)||age<1||age>100) {
+        alert("The age must be a number between 1 and 100");
+        submitOK = "false";
+    }
+    if (at==-1) {
+        alert("Not a valid e-mail!");
+        submitOK = "false";
+    }
+    if (submitOK=="false") {
+        return false;
+    }
+}
+</script>
+
+</body>
 </html>
diff --git a/package.json b/package.json