Web Technologies - Old Questions
8. Write an example of client side script to validate a form.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Form Registration</title>
</head>
<body>
<h2>Client Side Form Validation</h2>
<form name="signupForm" onsubmit="return validateForm();" method="POST" action="">
<div>
<label for="username">Please enter your username: </label>
<input type="text" name="username" id="username">
</div>
<div>
<label for="password">Please enter your password: </label>
<input type="password" name="password" id="password">
</div>
<div>
<label for="email">Please enter your email: </label>
<input type="email" name="email" id="email">
</div>
<div>
<input type="submit" name="signup" value="Signup">
</div>
</form>
<script>
function validateForm() {
if (document.signupForm.username.value == "") {
alert("Please provide your usernamename!");
document.signupForm.username.focus();
return false;
}
else if (document.signupForm.password.value == "") {
alert("Please provide your password!");
document.signupForm.password.focus();
return false;
}
else if (document.signupForm.password.value.length < 8) {
alert('Password must be at least 8 digit long');
document.signupForm.password.focus();
return false;
}
else if (document.signupForm.email.value == "") {
alert("Please provide your Email!");
document.signupForm.email.focus();
return false;
}
return true;
}
</script>
</body>
</html>