Download as pdf or txt
Download as pdf or txt
You are on page 1of 5

CHARVI GUPTA

20102031 A2 ECE
DB LAB
Week 4
Assignment 1
Input:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="ASS4.css">
<title>Document</title>
</head>
<script>
function validateform()
{
var userid=document.myform.name.value;
var password=document.myform.password.value;
var name=document.myform.names.value;
var letters=/^[A-Za-z]+$/;
var country=document.myform.Country.value;
var zip=document.myform.zip.value;
var email=document.myform.email.value;
var sex=document.myForm.Sex.value;
var e =/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
if (userid==null || userid==""){
alert("Required! and must be length of 5 to 12 characters!");
return false;
}
else if(password.length>=7 && password.length<=12)
{
alert("Password must be at least 7 characters long and must not exceed more than
12 characters.");
return false;
}
else if(!name.match(letters)){
alert("Name must contain only alphabets.");
return false;
}
else if(country =="-1")
{
alert("Please select a country.");
return false;
}
else if(zip.match(letters))
{
alert("Can't contain letters, Please enter Numbers.")
return false ;
}
else if(!e.test(email))
{
alert("You have entered an invalid email address!");
return false;
}
}
</script>
<body>
<div class="container bg-img">
<h1>REGISTRATION FORM:</h1><br>
<form name="myform" method="post" action="http://www.javatpoint.com/javascriptpa
ges/valid.jsp" onsubmit="return validateform()" >
<label for="name">User-Id: </label>
<input type="text" name="name"required><br/> <br>
<label for="password">Password: </label>
<input type="password" name="password"required><br/> <br>
<label for="names">Name: </label>
<input type="text" name="names"required><br/> <br>
<label for="address">Address: </label>
<input type="text" name="address"><br/> <br>
<label for="County">Country:</label>
<select name = "Country">
<option value = "-1" selected>[Please select a country.]</option>
<option value ="1">USA</option>
<option value ="2">UK</option>
<option value ="3">INDIA</option>
</select><br/><br/>
<label for="zip">ZIP Code: </label>
<input type="text" name="zip"><br/> <br>
<label for="email">E-mail: </label>
<input type="email" name="email"><br/> <br>
<label for="Sex"> Sex: </label>
<input type="radio" id="male" name="Sex" value="Male" required>
<label for="male">Male</label>
<input type="radio" id="female" name="Sex" value="Female"required>
<label for="female">Female</label><br/><br/>
<label for="language"> Language:</label>
<input type="checkbox" name="eng" id="eng" value="English"required>
<label for="eng">English</label>
<input type="checkbox" name="non-eng" id="non-eng" value="NonEnglish"required>
<label for="non-eng">Non-English</label><br><br>
<label for="textarea">About:</label><br>
<textarea name="textarea" id="textarea" cols="30" rows="5"></textarea>
<br>
<input type="submit" value="register">
</form>
</div>
</body>
</html>
Outpt:

You might also like