HTML/JS help, Cannot find error |
HTML/JS help, Cannot find error |
skyward |
Feb 16 2016, 02:16 AM
Post
#1
|
Group: Members Posts: 7 Joined: 16-February 16 Member No.: 23,998 |
Hi
I am absolutely new to html and javascript. I have developed a simple form in html that is checked through a js function through an onClick event. The problem is that the function is not being executed although there does not seem to be any errors. i have checked it through the w3school debugger and firebug but i am really confused because i DON'T KNOW whats wrong. I need urgent help with this and will appreciate any pointers. thanks here is the code <!DOCTYPE html> <HTML> <HEAD> <title>Online Job Portal</title> <script type="text/javascript"> function checkForm() { document.write("Working"); var chk=true; var name=document.getElementById("fullname").value; var age=document.getElementById("getage").value; var under=document.getElementById("under").checked; var grad=document.getElementById("grad").checked; if(name==""){ chk=false; window.alert("Name is required");} if(isNaN(age)||age<1||age>100){ chk=false; window.alert("Enter Valid Age");} if(under==false && grad==false){ chk=false; window.alert("Select Qualification");} if(chk==false){ document.getElementById("info").innerHTML="Please give your information correctly";} if (chk==false){ var qual=document.getElementById("under").checked; var it=document.getElementById("it").checked; var marketing=document.getElementById("marketing").checked; var academics=document.getElementById("academics").checked; if(qual==true){ qual="Undergraduate";} else{ qual="Graduate";} if (it==true){ it="IT";} else{ it="None";} if (marketing==true){ marketing="Marketing";} else{ marketing="None";} if (academics==true){ academics="Academics";} else{ academics="None";} document.getElementById("info").innerHTML= "Hello"+fullname<br> "Your age is "+age" years"<br> "Your qualification is" + qual<br> "Your selected job types are"<br> "Job 1 :" + it<br> "Job 2 :" + marketing<br> "Job 3 :" + academics<br>; } } </script> </HEAD> <BODY> <form name="job portal" action=""> <h1>Online Job Portal</h1> <TABLE> <tr> <td>Name :</td> <td><input type="text" id="fullname" name="fullname" value=""></td> </tr> <tr> <td>Age :</td> <td><input type="text" id="getage" name="getage" value=""></td> </tr> <tr> <td>Qualification :</td> <td>UnderGraduate<input type="radio" name="qualification" id="under" value="undergraduate"></td> <td>Graduate<input type="radio" name="qualification" id="grad" value="graduate"></td> </tr> <tr> <td>Select a job type :</td> <td>IT<input type="checkbox" name="selectJobType" id="it" value="it"></td> <td>Marketing<input type="checkbox" name="selectJobType" id="marketing" value="marketing"></td> <td>Academics<input type="checkbox" name="selectJobType" id="academics" value="academics"></td> </tr> </TABLE> <br> <br> <br> <br> <div id="info"> </div> <input type="button" value="Show Information" onClick="checkForm()"> <input type="reset" value="Reset Form"> </form> </BODY> </HTML> |
Lo-Fi Version | Time is now: 19th April 2024 - 12:49 PM |