Forum:

HTML Pages with CSS and JavaScript

multiple javascript functions are not working properly

Tushar Bhaware

Ranch Hand

Posts: 62

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi all,
I am developing a website.Everything is working fine except my registration page. I want to apply validations on my fields.I have written functions accordingly.
They are working fine when i call one function at a time.Problem arises when i call multiple functions inside onsubmit or when i call wrapper function inside onsubmit.

Problem is that when i don't write anything inside any field, it does not focus on that element and shows alert messages of that field and other field as well and control moves to login page.
I hope you understand my problem. Please Help me.
I have put my both pages code here.

1.Login Page (which is working fine)

<%-- 
    Document   : index
    Created on : May 30, 2012, 11:27:19 PM
    Author     : Tushar
--%>

<%@page import="java.sql.*"%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Login Page</title>        
        <link type="text/css" href="style.css" rel="stylesheet" media="screen">
        <script>
            function validate(){
                var a=document.getElementById(1).value;
                var b=document.getElementById(2).value;
            if(a==""){
                        alert("Please Enter UserName");
                        document.getElementById(1).focus();
                        return false;
                    }
            if(b==""){
                        alert("Please Enter Password");
                        document.getElementById(2).focus();
                        return false;
                    }    
           }           
          </script>
    </head>
    <body>
        <div id="main"></div>    
            <div class="container">
                <div id="header">
    </div>
    <div style="clear:both"></div>
    <div id="content">
          <form action="main.jsp" method="post" onsubmit="javascript:return validate();">
              <br>
              
              <table border="0">
                <thead>
                    <tr>
                        <th>UserName</th>
                        <th>PassWord</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>                      
                        <td><input type="text" name="Username" id="1" onFocus="this.style.background ='red'" onBlur="this.style.background='white'"></td>
                        <td><input type="password" name="password" id="2" onFocus="this.style.background ='red'" onBlur="this.style.background='white'"></td>
                        <td><input type="submit" name="submit" value="Sign In" onclick="return validate();"></td>
                    </tr>                            
                </tbody>
            </table>
                
                           
                        
                    <%
                    
                    String un=request.getParameter("Username");//out.println(un);
                    String psw=request.getParameter("password");//out.println(psw);
                    String em=request.getParameter("email");//out.println(em);
                    String sk[]=request.getParameterValues("skills");
                    String gn=request.getParameter("gen");//out.println(gn);
                    String ad=request.getParameter("Add");//out.println(ad);
                    //String ct=request.getParameter("city");
                    String ct[]=request.getParameterValues("City");
                    String spl[]=request.getParameterValues("spl");
                    if(un!=null){
                    try{
                        Class.forName("com.mysql.jdbc.Driver");
                        //out.println("driver loaded");
                        Connection con=DriverManager.getConnection("jdbc:mysql://localhost/db","root","root");
                        //out.println("con obj created");
                        Statement st=con.createStatement();
                        //out.println("st obj created");
                        String value="";
                        String cval="";
                        String sval="";
                        for(int i=0;i<sk.length;i++){
                            value+=sk[i]+"";
                            //out.println("in loop1");
                        }
                        for(int j=0;j<ct.length;j++){
                        cval+=ct[j]+"";
                        //out.println("in loop2");
                        }
                        for(int k=0;k<spl.length;k++){
                        sval+=spl[k]+"";
                        }
                        String sql="insert into wb(Username,password,email,skill,gender,Address,city,specialization) values('"+un+"','"+psw+"','"+em+"','"+value+"','"+gn+"','"+ad+"','"+cval+"','"+sval+"')";
                        //out.println(sql);
                        int val=st.executeUpdate(sql);
                        out.println("<br>");
                        out.println("You are now registered with us");
                    }
                    catch(Exception e){
                    out.println("Class not found");
                    }
                                       }
                    %>
                    <%
                    String msg=request.getParameter("msg");
                    String msg2=request.getParameter("msg2");
                                  
                    if(msg!=null){
                        %>
                        <br>  <%=msg%>                 
                   <%                    
                    }
                    %>
                    <br><br>
                    <a   rel="nofollow">
                        <input type="button"  value="Create a Stream Account"></a><br><br>
          </form>
                    </div>
            </div>
            
        
        <div id="footer">
        <div class="container">
            <p>Copyright © 2012  MySite <br>
            All Rights Reserved<br>
            Developer:Tushar Bhaware@Pinnacle Infotech</p>
        </div>
    </div>
     </body>
</html>

and here is Register page (where problem with java script)

<%-- 
    Document   : Register
    Created on : May 31, 2012, 12:42:40 AM
    Author     : Tushar
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Information Page</title>
         <link href="style.css" rel="stylesheet" type="text/css">
        <script> 
            function validateform(){
                validate1();
                mand();
                drp();
                valFrm();
            }//wrapper function ends
            // below function for drop down list
            function drp(){
                if(document.f1.City.selectedIndex==0)
                {
                alert("Please select your city");
                document.f1.City.focus();
                return false;
                }
                if(document.f1.spl.selectedIndex==0)
                {
                alert("Please select your specialization");
                document.f1.spl.focus();
                return false;
                }
                return true;
             }//function drp ends
            
            //function for textfields
            function validate1(){
                var abc=false;
                var a=document.getElementById(1).value;
                var b=document.getElementById(2).value;
                var c=document.getElementById(3).value;
                var d=document.getElementById(4).value;
                            
                var atpos=d.indexOf("@");
                var dotpos=d.lastIndexOf(".");
            if(a=="" || a==null){
                        alert("Please Enter UserName");
                        document.f1.Username.focus();
                        return false;
                    }
                  
            if(b=="" || b==null){
                        alert("Please Enter Password");
                        document.f1.password.focus();
                        return false;
                    }
            if(c=="" || c==null){
                        alert("Please Enter in Confirm Password");
                        document.f1.Cpassword.focus();
                        return false;
                    }
            if(d=="" || d==null){
                        alert("Please Enter email");
                        document.f1.email.focus();
                        return false;
                    }
                
            if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
            {
            alert("Not a valid e-mail address");
            document.f1.email.focus();
            return false;
            }  
           
          }//validate function ends
              
         //mand function is used for checkbox             
        function mand() {
           isCheckboxTicked = false;
                txtBoxes = document.getElementById('fld1').getElementsByTagName('input');
                for(i=0; i < txtBoxes.length; i++){
                    if(txtBoxes[i].checked) {
                        isCheckboxTicked = true;
                        i = txtBoxes.length;
                    }
                }
                if(!isCheckboxTicked) {
                    alert('Please select at least 1 checkbox');
                    document.f1.skills.focus();
                    return false;
                }
                return isCheckboxTicked;
            }//mand function ends
                  
            function checkRadio (f1,gen) { 
            var radios = document[f1].elements[gen]; 
             for (var i=0; i <radios.length; i++) { 
            if (radios[i].checked) { 
            return true; 
                } 
            } 
            return false; 
            } 
            
            //valFrm function is used for radio button
            function valFrm() { 
            if (!checkRadio("f1","gen")) 
            alert("please mention your gender");
        document[f1].elements[gen].focus();
             }//valfrm function ends
             
          ></script>
       
    </head>
    <body>
        <div id="main">
        </div>        
        <div class="container">
                <div id="header">                   
    </div>  
    <div style="clear:both"></div>
        <div id="content">
        
            <form name="f1" action="index.jsp" method="post" onsubmit="javascript:return validateform();">
            <table >
                <tbody>
                <tr>
                    <td>Enter Desired username</td>
                    <td><input type="text" name="Username" id="1"></td>
                </tr>
                <tr>
                    <td>Password</td>
                    <td><input type="password" name="password" id="2"></td>
                </tr>
                <tr>
                    <td>Confirm Password</td>
                    <td><input type="password" name="Cpassword" id="3"></td>
                </tr>
                <tr>
                    <td>Email Id</td>
                    <td><input type="email" name="email" id="4"></td>
                </tr>
                <tr>
                    <td>Skills</td>
                    <td><fieldset id="fld1">
                        <input type="checkbox" name="skills" value="C">C
                    <input type="checkbox" name="skills" value="C++">C++
                    <input type="checkbox" name="skills" value="java">Java
                    <input type="checkbox" name="skills" value="Dot Net">Dot Net
                    <input type="checkbox" name="skills" value="Oracle">Oracle
                        </fieldset>
                    </td>
                </tr>
                <tr>
                    <td>City</td>
                    <td><select name="City" id="cid">
                            <option value="0" selected="selected">select</option>
                            <option value="Selu">Selu</option>
                            <option value="Pune">Pune</option>
                            <option value="Mumbai">Mumbai</option>
                            <option value="Nagpur">Nagpur</option>                            
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>Specialization<span class=mandatory> *</span></td>
                    <td>
                    <select name="spl" id="sid">
                        <option value="0" selected="selected">select</option>
                            <option value="java">java</option>
                            <option value="dotnet">dotnet</option>
                            <option value="oracle">oracle</option>
                            <option value="c">c</option>
                            <option value="cpp">cpp</option>                            
                        </select>
                    </td>
                </tr> 
                <tr>
                    <td>Gender</td>
                    <td><input type="radio" name="gen" value="Male">Male
                        <input type="radio" name="gen" value="Female">Female
                    </td>
                </tr>
                <tr>
                    <td>Address</td>
                    <td><textarea name="Add" rows="4" cols="20">
                        </textarea></td>
                </tr>               
                
                </tbody>
            </table>
            <br>
            <span style="margin-left: 310px">
                <input type="submit" name="submit" value="Register" onclick="return validateform()"/>
            </span>
        </form>
            </div>
            </div>
            
        
        <div id="footer">
        <div class="container">
            <p>Copyright © 2012  MySite <br>
            All Rights Reserved<br>
            Developer:Tushar Bhaware@Pinnacle Infotech</p>
        </div>
    </div>

</body>
</html>

Thanks in advance

Remember you have not inherited earth from your ancestor,you only borrowed it from your descendants.

Bear Bibeault

Sheriff

Posts: 67754

173

I like...

posted 12 years ago

1
Number of slices to send:

Optional 'thank-you' note:

Send

Welcome to the Ranch.

Wow -- that's way too much code to look through. Besides -- it's full of JSP markup which is not helpful for a JavaScript question. (And using scriptlets? Please read this JspFaq entry).

Please post an SSCCE (Short Self-Contained Correct Example) that shows the issue.

[Asking smart questions] [About Bear] [Books by Bear]

HTML 5 (verified skill)
Skill verified by Jeanne Boyarsky

CSS 3 (verified skill)
Skill verified by Jeanne Boyarsky

JavaScript (verified skill)
Skill verified by Jeanne Boyarsky

Eric Pascarello

author

Posts: 15385

posted 12 years ago

1
Number of slices to send:

Optional 'thank-you' note:

Send

In html4, ids can not be numbers or start with a number, looks like you are using an HTML5 doc type so not a big issue. Using ints for ids is bad practice since it gives no reference to what the element is exactly, give it a meaningful name.

Another issue is you should be using a string with getElementById

Eric

Tushar Bhaware

Ranch Hand

Posts: 62

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Bear Bibeault wrote:Welcome to the Ranch.

Wow -- that's way too much code to look through. Besides -- it's full of JSP markup which is not helpful for a JavaScript question. (And using scriptlets? Please read this JspFaq entry).

Please post an SSCCE (Short Self-Contained Correct Example) that shows the issue.

Thank you for your reply ... I have read why not use scriptlets. I will learn JSTL and EL.Please give me some references or names of books where i can learn about JSTL and EL
And also let me know should i start a new thread with only javascript or should i write it in another comment.
Thanks

Remember you have not inherited earth from your ancestor,you only borrowed it from your descendants.

Bear Bibeault

Sheriff

Posts: 67754

173

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

The JavaScript question should be handled here. Questions on JSP should be posted in the JSP forum.

[Asking smart questions] [About Bear] [Books by Bear]

Eric Pascarello

author

Posts: 15385

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Also

b can never be null, but you are checking for it in the if.

You are calling submit onclick and onsubmit, no reason for that.

Eric

Tushar Bhaware

Ranch Hand

Posts: 62

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Eric Pascarello wrote:In html4, ids can not be numbers or start with a number, looks like you are using an HTML5 doc type so not a big issue. Using ints for ids is bad practice since it gives no reference to what the element is exactly, give it a meaningful name.

Another issue is you should be using a string with getElementById

document.getElementById("1");

Eric

Thank you Eric,
I will remember that but thing is that it is working properly when i call a single javascript function through onsubmit and stays on the same page(register).
Problem arises when i call wrapper function which contains 4 other functions, it will show alert messages of all functions without focusing on field when it fails to comply with validation and moves to other page(login page).

Remember you have not inherited earth from your ancestor,you only borrowed it from your descendants.

Tushar Bhaware

Ranch Hand

Posts: 62

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Bear Bibeault wrote:The JavaScript question should be handled here. Questions on JSP should be posted in the JSP forum.

i have problem in JavaScript,not in JSP. I thought that i would be better to give relative information about Javascript where it its operating. But anyway I will remember that from next time.
If you can give me references to JSTL and EL would be nice.
Thanks

Remember you have not inherited earth from your ancestor,you only borrowed it from your descendants.

Tushar Bhaware

Ranch Hand

Posts: 62

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Eric Pascarello wrote:Also

b=document.getElementById(2).value

b can never be null, but you are checking for it in the if.

You are calling submit onclick and onsubmit, no reason for that.

Eric

i will clear onclick event, will retain onsubmit.
thanks
Tushar

Remember you have not inherited earth from your ancestor,you only borrowed it from your descendants.

Eric Pascarello

author

Posts: 15385

posted 12 years ago

1
Number of slices to send:

Optional 'thank-you' note:

Send

Do you use variable names a,b,c,d and 1,2,3,4,5,6 in your Java code? It is bad practice and I would hate to be the person that has to maintain it in the future.

The reason the form is submitting is you have a JavaScript error. Open up the JavaScript console in your browser of choice and run the code. The error will appear. Depending on your debugger, you may have to persist logs across pages.

Eric

Tushar Bhaware

Ranch Hand

Posts: 62

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Eric Pascarello wrote:Do you use variable names a,b,c,d and 1,2,3,4,5,6 in your Java code? It is bad practice and I would hate to be the person that has to maintain it in the future.

The reason the form is submitting is you have a JavaScript error. Open up the JavaScript console in your browser of choice and run the code. The error will appear. Depending on your debugger, you may have to persist logs across pages.

Eric

I will remember your advice , will try to give meaningful names from now on.
I will try your idea of checking my javascript in browser console. I have installed firebug.
will let you know what happens.
thanks
tushar

Remember you have not inherited earth from your ancestor,you only borrowed it from your descendants.

Eric Pascarello

author

Posts: 15385

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Did you find your trying to focus on a HTML collection error?

Eric

Tushar Bhaware

Ranch Hand

Posts: 62

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Considering recommendation from other user, i have adjusted my code to SSCCE form.
My problem remains same. I have tried a lot in two days, changed my validation methods but problem persists.
so here it is the problem- multiple alert message shows when multiple fields remains vacant of my form. what i want is that when multiple field remains vacant,it should show alert message of first vacant field only and not others. Also there is problem with radio button validation function, when radio button is selected, form gets submitted even when other fields are vacant. This doesn't happen with other functions.
i hope you all got my problem.

here it is my code-

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Information Page</title>
        <script>            
           function validate1(){
                 var usn=document.getElementById("username").value;
                 if(usn=="" || usn==null){
                        alert("Please Enter UserName");
                        document.form1.Username.focus();
                        return false;
                    }                 
            }//validate function ends
            function checkCheckBoxes() {
            if (document.form1.skill_1.checked == false &&
            document.form1.skill_2.checked == false &&
            document.form1.skill_3.checked == false &&
            document.form1.skill_4.checked == false &&
            document.form1.skill_5.checked == false)
                {
                alert ('You didn\'t choose any of the checkboxes!');
                return false;
                }
                else
                {
                return true;
                }
            }    
            function chkgender(){
            if((document.form1.gender[0].checked==false)&&(document.form1.gender[1].checked==false)) 
                { 
                    alert('please choose your gender: male or female');
                    document.getElementById("gender").focus();
                    return false 
                }   
            }
            function drp(){
                if(document.form1.City.selectedIndex==0)
                {
                alert("Please select your city");
                document.form1.City.focus();
                return false;
                }                
            }//function drp ends
            
          </script>       
    </head>
    <body>        
          <form name="form1" action="index.jsp" method="post" onsubmit="javascript:return validate1(),drp(),chkgender(),checkCheckBoxes();">
            <table >
                 <tbody>
                 <tr>
                     <td>Enter Desired username</td>
                     <td><input type="text" name="Username" id="username"></td>
                 </tr>
                 <tr>
                     <td>City</td>
                     <td><select name="City" id="cityid">
                             <option value="0" selected="selected">select</option>
                             <option value="Selu">Selu</option>
                         </select>
                     </td>
                 </tr>
                 <tr>
                     <td>Gender</td>
                     <td><input type="radio" name="gen" id="gender" value="Male">Male
                         <input type="radio" name="gen" id="gender" value="Female">Female
                     </td>
                 </tr>
                 <tr>
                     <td>Skills</td>
                     <td>
                         <input type="checkbox" name="skill_1" value="C">C
                     <input type="checkbox" name="skill_2" value="C++">C++
                     <input type="checkbox" name="skill_3" value="java">Java
                     <input type="checkbox" name="skill_4" value="Dot Net">Dot Net
                     <input type="checkbox" name="skill_5" value="Oracle">Oracle
                     </td>
                 </tr>
                 </tbody>
             </table>
            <br>
            <span style="margin-left: 310px">
                <input type="submit" name="submit" value="Register"/>
            </span>
        </form>
   </body>
</html>

Remember you have not inherited earth from your ancestor,you only borrowed it from your descendants.

Eric Pascarello

author

Posts: 15385

posted 12 years ago

1
Number of slices to send:

Optional 'thank-you' note:

Send

Ids are singular
- You have multiple elements with the same id, that is not valid.
- They can have the same name

You can not focus html collections
- You need to select one of the radio buttons before you focus it

You are combining multiple function calls together wrong.
- Either make a function and call each function
- or combine them with &&, not a comma

Eric

Tushar Bhaware

Ranch Hand

Posts: 62

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Thanks for your reply eric ... You have been great help to me.

Eric Pascarello wrote:
Ids are singular
You have multiple elements with the same id, that is not valid.
They can have the same name

Ok. I will make changes accordingly.

Eric Pascarello wrote:
You can not focus html collections.You need to select one of the radio buttons before you focus it
Eric

I didn't know that. I will correct it

Eric Pascarello wrote:
You are combining multiple function calls together wrong.Either make a function and call each function or combine them with &&, not a comma
Eric

I already tried a wrapper function but problem remains the same and when i combined them with && only validate function works which is first one to call , rest don't.
I googled a lot but couldn't find solution.

Remember you have not inherited earth from your ancestor,you only borrowed it from your descendants.

Eric Pascarello

author

Posts: 15385

posted 12 years ago

1
Number of slices to send:

Optional 'thank-you' note:

Send

So make a function...

Eric

Bear Bibeault

Sheriff

Posts: 67754

173

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I say just stop trying to be clever and do things in the most straight-worward manner. Nothing is more irritating than code that's unclear, or doesn't work properly, because the author is trying to be clever.

[Asking smart questions] [About Bear] [Books by Bear]

Tushar Bhaware

Ranch Hand

Posts: 62

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Eric Pascarello wrote:So make a function...
function myValidation(){ var validation1 = myFunc1(), validation2 = myFunc2(), validation3 = myFunc3(), validation4 = myFunc4(), return validation1 && validation2 && validation3 && validation4; }
Eric

It tried it but it still didn't work. There was one problem though "missing variable name" due to comma after myFunc4 instead of semicolon.
I also tried passing variables (vadiation1 to myFunc2 and so on)as argument to other function but it didn't work either.
But now i have combined all functions together and made one big function,after that it is working properly which wasn't possible with my earlier validation functions.
But with your advice,my functions improved (You can see difference with my 1st coding and last coding). Its working now.
I hope one day i will be able to use wrapper function properly. I will put my working code after this.

This was my first thread and you helped me immensely, i hope one day i can help someone as you helped me.
Thank you very much for all your help.

Tushar

Remember you have not inherited earth from your ancestor,you only borrowed it from your descendants.

Tushar Bhaware

Ranch Hand

Posts: 62

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Bear Bibeault wrote:I say just stop trying to be clever and do things in the most straight-worward manner. Nothing is more irritating than code that's unclear, or doesn't work properly, because the author is trying to be clever.

I was not trying to be clever. It's just that i am new to all these programming and i am trying to learn.
It's just been 4 month since i have taken programming. I hope you got my point. I appreciate you taking time to comment here.

Tushar.

Remember you have not inherited earth from your ancestor,you only borrowed it from your descendants.

Tushar Bhaware

Ranch Hand

Posts: 62

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Here is a working code-

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Information Page</title>
        <script>
             function validate1(){
                 var usn=document.getElementById("username").value;
                 if(usn=="" || usn==null){
                        alert("Please Enter UserName");
                        document.form1.Username.focus();
                        return false;
                    }
            if (
            document.form1.skill_1.checked == false &&
            document.form1.skill_2.checked == false &&
            document.form1.skill_3.checked == false &&
            document.form1.skill_4.checked == false &&
            document.form1.skill_5.checked == false)
                {
                alert ('You didn\'t choose any of the checkboxes!');
                return false;
                }               
            if((document.form1.gender[0].checked==false)&&(document.form1.gender[1].checked==false)) 
                { 
                    alert('please choose your gender');
                    return false 
                } 
            if(document.form1.City.selectedIndex==0)
                {
                alert("Please select your city");
                document.form1.City.focus();
                return false;
                }
                 else
                {
                return true;
                }
            }//validate function ends
        </script>       
    </head>
    <body>        
          <form name="form1" action="index.jsp" method="post" onsubmit="javascript:return validate1();">
            <table >
                 <tbody>
                 <tr>
                     <td>Enter Desired username</td>
                     <td><input type="text" name="Username" id="username"></td>
                 </tr>
                 <tr>
                     <td>City</td>
                     <td><select name="City" id="cityid">
                             <option value="0" selected="selected">select</option>
                             <option value="Selu">Selu</option>
                         </select>
                     </td>
                 </tr>
                 <tr>
                     <td>Gender</td>
                     <td><input type="radio" name="gen" id="gender" value="Male">Male
                         <input type="radio" name="gen" id="gender" value="Female">Female
                     </td>
                 </tr>
                 <tr>
                     <td>Skills</td>
                     <td>
                         <input type="checkbox" name="skill_1" value="C">C
                     <input type="checkbox" name="skill_2" value="C++">C++
                     <input type="checkbox" name="skill_3" value="java">Java
                     <input type="checkbox" name="skill_4" value="Dot Net">Dot Net
                     <input type="checkbox" name="skill_5" value="Oracle">Oracle
                     </td>
                 </tr>
                 </tbody>
             </table>
            <br>
            <span style="margin-left: 310px">
                <input type="submit" name="submit" value="Register"/>
            </span>
        </form>
   </body>
</html>

Remember you have not inherited earth from your ancestor,you only borrowed it from your descendants.

Don't get me started about those stupid light bulbs.