Working on a health form and I cant seem to get the javascript code to work out for me. Im trying to get the a message to pop up that says invalid "whatever" if there is nothing entered in the field or if they entered a field incorrectly (such as letters in a field that requires only numbers and). I cant find where the error is in my javascript code though. If anyone can help me identify the errors I would greatly appreciate it.
Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" > <html lang="en"> <head> <link rel="stylesheet" href="Progect.css" type="text/css" /> <title>Research Form</title> </head> <body> <div> <form action="http://www.turtle.cs.umd.edu/classes/122/researchFormAssignment/researchProcessing.php " method="get" onsubmit="return validateForm()"> <fieldset> <legend><em><strong><FONT SIZE=5>General Information</FONT SIZE></strong></em></legend> Firstname:<input id="firstName" type="text" name="firstname" /> Lastname:<input id="lastName" type="text" name="lastname" /> <br /> <br /> Phone: <input id="firstThreeNumbers" type="text" name="phoneFirstPart" size="3" maxlength="3" /> -<input type="text" name="phoneSecondPart" size="3" maxlength="3" /> -<input type="text" name="phoneThirdPart" size="4" maxlength="4" /> Email: <input id="email" type="text" name="email" size="60" maxlength="100" /><br /> </fieldset> <fieldset> <legend><em><strong><FONT SIZE=5>Research Study Data</FONT SIZE></strong></em></legend> <fieldset> <legend>Age/Height/Weight</legend> Age:<input id="age" type="text" name="age" size="3" maxlength="3" /> <br /> <br /> Height:<input id="height" type="text" name="heightFeet" size="1" maxlength="1" /> Feet<input type="text" name="heightInches" size="2" maxlength="2" /> Inches <br /> <br /> Weight:<input id="weight" type="text" name="weight" size="3" maxlength="3" /> pounds </fieldset> <fieldset> <legend>Conditions</legend> Which of the following conditions are present in your famile? (check all the apply) <br /> <br /> <input type="checkbox" id="bloodpressure" name="highBloodPressure" value="bloodpressure" />High Blood Pressure <input type="checkbox" id="diabetes" name="diabetes" value="diabetes" />Diabetes <input type="checkbox" id="glaucoma" name="glaucoma" value="glaucoma" />Glaucoma <input type="checkbox" id="asthma" name="asthma" value="asthma" />Asthma <input type="checkbox" id="none" name="none" value="none" />None </fieldset> <fieldset> <legend>Time Period</legend> How long have you experienced any of the above conditions? <br /> <br /> <input type="radio" id="radioNever" name="period" value="never" />Never <input type="radio" id="radioLessThanAYear" name="period" value="less" />Less than a year <input type="radio" id="radioOneToTwoYears" name="period" value="OneToTwoYears" />One to two years <input type="radio" id="radioMoreThanTwoYears" name="period" value="more" />More than two years<br /> </fieldset> <fieldset> <legend>Study Information</legend> Which study are you taking part of?<br /> <br /> <select id="studyInfo" name="studyType"> <option value="shortTerm">Short Term</option> <option value="longTerm">Long Term</option> </select> <br /> <br />Assigned Study Id:<input id="studyID' type="text" name="firstFourDigits" size="4" maxlength="4" /> -<input type="text" name="secondFourDigets" size="4" maxlength="4" /> </select> </fieldset> <fieldset> <legend>Additional Information (Comments)</legend> <textarea id="request" name="comments" rows="8" cols="100"> </textarea> </fieldset> </fieldset> <input type="reset" /> <input type="submit" /> </form> </div> <script type="text/javascript"> /*<![CDATA[*/ function validateForm() { /* Retrieving the values */ var firstName = document.getElementById("firstName").value; var lastName = document.getElementById("lastName").value; var firstThreeNumbers = document.getElementById("firstThreeNumbers").value; var email = document.getElementById("email").value; var age = document.getElementById("age").value; var height = document.getElementById("height").value; var weight = document.getElementById("weight").value; var studyID = document.getElementById("studyID").value; /* Validating numeric values */ var invalidMessages = ""; if (String(parseInt(firstThreeNumbers)) !== firstThreeNumbers) { invalidMessages += "Invalid Phone Number provided.\n"; } if (String(parseInt(age)) !== age) { invalidMessages += "Invalid Age provided.\n"; } if (String(parseInt(height)) !== height) { invalidMessages += "Invalid Height provided.\n"; } if (String(parseInt(weight)) !== weight) { invalidMessages += "Invalid Weight provided.\n"; } if (invalidMessages !== "") { alert(invalidMessages); return false; } else { var valuesProvided = "Do you want to submit the following form?\n"; if (window.confirm(valuesProvided)) return true; else return false; } } /*]]>*/ </script> <!-- Insert your content here --> </body> </html>
Reply With Quote
Bookmarks