We were givent the following DOM problem where we have to take the emai and password and if it is correct sent it to a website if wrong have it state bad email or password. My question is how do I get the data that is enterd into the form? do I have to use a oneclick to have it call the valid login function? Thanks.
<!doctype html>
<html lang=”en”>
<head>
<meta charset=”utf-8″>
<title>DOM problem</title>
<meta name=”author” content=”unknown”>
<style type=”text/css”>
body {
background-color: gray;
font-family: Tahoma, sans-serif;
}
fieldset {
width: 44em;
background-color: olive;
color: white;
font-family: Tahoma, sans-serif;
}
label {
margin-top: 1em;
margin-right: 0.5em;
width: 4em;
float: left;
text-align: right;
display: block;
}
input {
margin-top: 1em;
}
textarea {
margin-top: 1em;
width: 40em;
height: 4em;
padding: 1em;
border: none;
overflow: hidden;
background-color: olive;
color: white;
font-family: Tahoma, sans-serif;
}
.loginbutton {
margin-top: 1em;
margin-left: 5.5em;
}
</style>
<script type=text/javascript>
<!–
var logins = [‘
var passwords = [‘mets86’, ‘yankee10’, ‘password’];
function isValidLogin(login, emailList, passwd, passwdList) {
for (var i=0; i < emailList.length; i++)
if (login == emailList[i])
break;
if (i == emailList.length)
return false;
else {
if (passwd == passwdList[i])
return true;
else
return false;
}
}
//–>
</script>
</head>
<body>
<form name=’loginForm’>
<fieldset>
<legend>please login</legend>
<label>email</label> <input type=”text” name=”email” id=”email” size=”30″ /><br/>
<label>password</label> <input type=”password” name=”passwd” id=”passwd” size=”30″ /><br/>
<input type=”button” name=”login” id=”login” value= “login” class=”loginbutton” /><br/>
<textarea name=”messageArea” id=”messageArea” rows=”2″ cols=”40″></textarea>
</fieldset>
</form>
<script>
</script>
</body>
</html>