tryin to validate my score with should be a number between 0 to 100 [on hold]
Trying to get my score to validate a number between 0 to 100 if its more
than 100 there should be an error and if its alphabetic should return a
error. fairly new to this so idk as much when it comes to validating
<html lang="en">
<head>
<meta charset="utf-8">
<script language="javascript" type="text/javascript">
function ValidateForm() {
var isValidForm = true;
var errorMessages = "";
if (document.getElementById("Teacher").value == "") {
document.getElementById("TeacherError").innerHTML = "-
Teacher name is required.";
isValidForm = false;
}
if (document.getElementById("FirstName").value == "") {
document.getElementById("FirstNameError").innerHTML =
"- First name is required.";
isValidForm = false;
}
if (document.getElementById("LastName").value == "") {
document.getElementById("LastNameError").innerHTML =
"- Last name is required.";
isValidForm = false;
}
if (document.getElementById("Age").value == "") {
document.getElementById("AgeError").innerHTML = "- Age
is required.";
isValidForm = false;
}
if (!document.getElementsByName("Gender")[0].checked &&
!document.getElementsByName("Gender")[1].checked) {
document.getElementById("GenderError").innerHTML = "-
Gender is required.";
isValidForm = false;
}
if (document.getElementById("Subject").value == "") {
document.getElementById("SubjectError").innerHTML = "-
Subject is required.";
isValidForm = false;
}
if (document.getElementById("Score").value == "") {
document.getElementById("ScoreError").innerHTML = "-
Score is required.";
isValidForm = false;
}
if (!isValidForm) {}
return isValidForm;
}
</script>
</head>
<body>
<form method="post" action="grade.php" onsubmit="return
ValidateForm();" name="form1">
<div class="editor-label">
Teacher
</div>
<div class="editor-field">
<input type="text" name="Teacher" id="Teacher"
maxlength="15" />
<span id="TeacherError" class="error"></span>
</div>
<div class="editor-label">
First Name
</div>
<div class="editor-field">
<input type="text" name="FirstName" id="FirstName"
maxlength="15" />
<span id="FirstNameError" class="error"></span>
</div>
<div class="editor-label">
Last Name
</div>
<div class="editor-field">
<input type="text" name="LastName" id="LastName"
maxlength="25" />
<span id="LastNameError" class="error"></span>
</div>
<div class="editor-label">
Age
</div>
<div class="editor-field">
<input type="text" name="Age" id="Age" maxlength="25" />
<span id="AgeError" class="error"></span>
</div>
<div class="editor-label">
Gender
</div>
<div class="editor-field">
<input type="radio" name="Gender" value="Male"
id="MaleRadio" />
<label for="MaleRadio">Male</label>
<input type="radio" name="Gender" value="Female"
id="FemaleRadio" />
<label for="FemaleRadio">Female</label>
<span id="GenderError" class="error"></span>
</div>
<div class="editor-label">
Subect
</div>
<div class="editor-field">
<input type="text" name="Subject" id="Subject"
maxlength="25" />
<span id="SubjectError" class="error"></span>
</div>
<div class="editor-label">
Score
</div>
<div class="editor-field">
<input type="text" name="Score" id="Score" maxlength="25" />
<span id="ScoreError" class="error"></span>
</div>
<div class="buttons">
<input type="reset" value="Clear All" name="Reset" />
<input type="submit" value="Submit" name="Submit" />
</div>
</form>
<APPLET CODE="AdderApplet.class" WIDTH="200" HEIGHT="200">
</APPLET>
</body>
</html>
No comments:
Post a Comment