webDev1/signup.htm at master · neetin/webDev1 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<script type="text/javascript">
		function valid(){
			var emailVal = document.getElementById('email').value;
			var usernameVal = document.getElementById('username').value;
			var passwordVal = document.getElementById('password').value;
			var c_passwordVal = document.getElementById('c_password').value;
			if(emailVal === '' || usernameVal === '' || passwordVal === '' || c_passwordVal === ''){
				alert('empty fields can not be submitted');
				return false;
			}

			var reg = new RegExp("^[0-9a-zA-Z]+@[0-9a-zA-Z]+[\.]{1}[0-9a-zA-Z]+[\.]?[0-9a-zA-Z]+$");
			if(!reg.test(emailVal)){
				alert('Invalid Email address');
				return false;
			}

			var reg_username = new RegExp("^[0-9][a-zA-Z]{5}[0-9a-zA-Z]*$");
			if(!reg_username.test(usernameVal)){
				alert('Invalid username, first character should be digit, and min length should be 6.');
				return false;
			}

		}
		</script>
	</head>
	<body>
		<a href="home.htm">Home</a><br/><a href="login.htm">Login</a><br/><a href="signup.htm">Signup</a>
		<form method="post" action="" onSubmit = "return valid()">
			<label>Email</label><input type="text" id="email" /><br/>
			<label>Username</label><input type="text" id="username" /><br/>
			<label>Password</label><input type="password" id="password" /><br/>
			<label>Confirm Password</label><input type="password" id="c_password" /><br/>
			<input type="submit" value="Signup Now" />
		</form>
	</body>
</html>