Index:
[code]<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
<head>
<meta http-equiv=”Content-type” content=”text/html; charset=utf-8″ />
<meta http-equiv=”Content-language” content=”en” />
<title>Random Number Genorator</title>
<script type=”text/javascript” src=”rand-js.js”></script>
<link rel=”stylesheet” type=”text/css” href=”rand-css.css” />
</head>
<body>
<div id=”wrapper”>
<form id=”numbers” action=”javascript: generate()” onsubmit=”javascript: return checkValid()”>
<fieldset>
<legend>Number Range</legend>
1st Number: <input type=”text” name=”num1″ id=”num1″ size=”4″ maxlength=”4″ tabindex=”1″ /><br />
2nd Number: <input type=”text” name=”num2″ id=”num2″ size=”4″ maxlength=”4″ tabindex=”2″ /><br />
<input type=”submit” value=”Generate” />
</fieldset>
</form>
</div>
</body>
</html>
JS File:
[code]function generate()
{
window.alert(‘Oh, hai. Script and **** be working.’);
}
function checkValid()
{
var errors = new Array(‘Please fill in all fields.’,’Both entries must be ONLY numbers.’,’Please use only WHOLE numbers.’);
var err_flag = false;
var form = document.numbers;
if(form.num1 == null || form.num1 == ” || form.num2 == null || form.num2 == ”)
{
err_flag = true;
window.alert(errors[0]);
return false;
}
}
I really cannot find anything wrong with it. What I’m trying to do is check if the fields are empty and then stopping the script if they are; however, it doesn’t! Chome user here.
Please help… I’m a really decent webguy, but I was just reminded why I stick to the server side.