Expand|Select|Wrap|Line Numbers
- <html>
- <head>
- <title>Exam entry</title>
- <script language="javascript" type="text/javascript">
- function validateForm() {
- var result = true;
- var msg="";
- if (document.ExamEntry.name.value=="") {
- msg+="You must enter your name. \n";
- document.ExamEntry.name.focus();
- document.getElementById('name').style.color="red";
- result = false;
- }
- if (document.ExamEntry.subject.value=="") {
- msg+="You must enter the subject. \n";
- document.ExamEntry.subject.focus();
- document.getElementById('subject').style.color="red";
- result = false;
- }
- if ((document.ExamEntry.ExaminationNumber.value.length < 4) || (document.ExamEntry.ExaminationNumber.value.length > 4)) {
- msg+="You must enter your examination number. \n";
- document.ExamEntry.ExaminationNumber.focus();
- document.getElementById('ExaminationNumber').style.color="red";
- result = false;
- }
- if (!checkRadioArray(document.ExamEntry.level)) {
- msg+="You must select your level of entry. \n";
- document.getElementById('entry').style.color="red";
- result = false;
- }
- if(msg==""){
- return result;
- }
- {
- alert(msg)
- return result;
- }
- }
- function levelAlert(radio) {
- var level = radio.value;
- alert("You have selected " + level + " as your level of entry. \nIf this is not your level of entry press ok and choose another level.")
- }
- function checkRadioArray(radioButtons) {
- for(var i=0;i < radioButtons.length; i++) {
- if (radioButtons[i].checked) {
- return true;
- }
- }
- return false;
- }
- </script>
- </head>
- <body>
- <h1>Exam Entry Form</h1>
- <form name="ExamEntry" method="post" action="success.html">
- <table width="50%" border="0">
- <tr>
- <td id="name">Name</td>
- <td><input type="text" name="name" /></td>
- </tr>
- <tr>
- <td id="subject">Subject</td>
- <td><input type="text" name="subject" /></td>
- </tr>
- <tr>
- <td id="ExaminationNumber">Examination Number</td>
- <td><input type="text" name="ExaminationNumber" /></td>
- </tr>
- <tr>
- <td id="entry">Level of Entry</td>
- <td><input type="radio" name="level" value="A2"
- onclick="levelAlert(this)" />A2</td>
- </tr>
- <tr><td></td>
- <td><input type="radio" name="level" value="AS"
- onclick="levelAlert(this)" />AS</td>
- </tr>
- <tr><td></td>
- <td><input type="radio" name="level" value="GCSE"
- onclick="levelAlert(this)" />GCSE</td>
- </tr>
- <tr>
- <td><input type="submit" name="Submit" value="Submit" onclick="return validateForm();" /></td>
- <td><input type="reset" name="Reset" value="Reset" /></td>
- </tr>
- </table>
- </form>
- </body>
- </html>