Scribd Logo
Upload

Welcome to Scribd!

  • Form Validation: Ex. No: 9 16/03/2011

    Uploaded by

    Priyankar Paul
    17 views9 pages
    The document describes a JavaScript program to validate a form. It contains: 1) An algorithm to validate the form fields, check for required selections, and validate email and other inputs. 2) The JavaScript program code that implements form validation on name, email, selections etc. and outputs the results on submit. 3) The HTML form code with fields for name, email, checkboxes, radio buttons, and a submit button to invoke validation. 4) The output window displaying the validated form values is opened on successful validation.

    Original Description:

    Original Title

    Priyankar[Pgm9]

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document describes a JavaScript program to validate a form. It contains: 1) An algorithm to validate the form fields, check for required selections, and validate email and other inputs. 2) The JavaScript program code that implements form validation on name, email, selections etc. and outputs the results on submit. 3) The HTML form code with fields for name, email, checkboxes, radio buttons, and a submit button to invoke validation. 4) The output window displaying the validated form values is opened on successful validation.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    17 views9 pages

    Form Validation: Ex. No: 9 16/03/2011

    Uploaded by

    Priyankar Paul
    The document describes a JavaScript program to validate a form. It contains: 1) An algorithm to validate the form fields, check for required selections, and validate email and other inputs. 2) The JavaScript program code that implements form validation on name, email, selections etc. and outputs the results on submit. 3) The HTML form code with fields for name, email, checkboxes, radio buttons, and a submit button to invoke validation. 4) The output window displaying the validated form values is opened on successful validation.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 9

    Priyankar Paul 1

    29SCS124

    Ex. No: 9
    FORM VALIDATION
    16/03/2011

    Aim:
    To validate a form using Java Script.

    Algorithm:
    1. Input all the values.

    2. Check if the name, last name and other fields are properly filled.

    3. Check if the email ID is a valid one.

    4. Check if the atleast one of the course values and the languages known are selected.

    5. Use multiple selection for the courses.

    6. Use check boxes for the languages.

    7. Use the radio button for the sex.

    8. Get all the inputs and print it on another window.

    9. Use the looping statements to select multiple choice of the user.

    10. Use the reset button to clear the values in the text boxes.

    Use the Submit button to invoke the function which checks the correctness of the information
    that is entered.
    Priyankar Paul 2
    29SCS124

    Program:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


    <html>
    <head>
    <title>JavaScript Form Validation</title>
    <script type="text/javascript">
    var CourseSelected;
    var LanguagesKnown;
    function ValidateLanguagesKnown(srcField)
    {
    if(!srcField[0].checked &&
    !srcField[1].checked &&
    !srcField[2].checked &&
    !srcField[3].checked
    )
    {
    alert("Please Select the languages Known!!");

    return false;
    }
    LanguagesKnown=""
    for(i=0;i<srcField.length;i++)
    {
    if(srcField[i].checked)
    {
    LanguagesKnown=LanguagesKnown+srcField[i].value+",";
    }
    }
    return true;
    }

    function ValidateCourseSelected(srcField)
    {
    var IsCourseSelected =0;
    for(i=0;i<srcField.length;i++)
    {
    if(srcField[i].selected)
    {
    IsCourseSelected=true;
    break;
    }
    }
    Priyankar Paul 3
    29SCS124

    if(IsCourseSelected==false)
    {
    alert("Please select atleast one course");
    return false;
    }
    CourseSelected="";
    for(i=0;i<srcField.length;i++)
    {
    if(srcField[i].selected)
    {
    CourseSelected= CourseSelected + srcField[i].value +",";
    }
    }
    return true;
    }

    function validate()
    {
    if(myform.FirstName.value=="")
    {
    alert("Enter your first name please!!");
    myform.FirstName.focus();
    }
    if(myform.LastName.value=="")
    {
    alert("Enter your last name please!!");
    myform.LastName.focus();
    }
    if(myform.Email.value=="")
    {
    alert("Enter your email please!!");
    myform.Email.focus();
    }
    if(myform.Phone.value=="")
    {
    alert("Enter your phone no please!!");
    myform.Phone.focus();
    }
    if(myform.Address.value=="")
    {
    alert("Enter your address please!!");
    myform.Address.focus();
    Priyankar Paul 4
    29SCS124

    }
    if(myform.Sex[0].checked)
    var c=myform.Sex[0].value;
    else
    c=myform.Sex[1].value;
    var status1=ValidateCourseSelected(myform.Course);
    var status2=ValidateLanguagesKnown(myform.chk_Language);
    if((status1==true)&&(status2==true))
    {
    if((myform.FirstName.value!="")&&(myform.LastName.value!
    ="")&&(myform.Email.value!="")&&(myform.Phone.value!
    ="")&&(myform.Address.value!=""))
    {
    var temp=myform.Email.value;
    var n=temp.length;
    var check = temp.match("^(.+)@(.+)$");
    if (check == null)
    {
    alert("Enter a valid Email address");
    myform.Email.focus();
    }
    else
    {
    var win=window.open();
    win.document.write("Name: "+ myform.FirstName.value + "
    "+myform.LastName.value+"<br>");
    win.document.write("Email: "+ myform.Email.value+"<br>");
    win.document.write("Phone: "+myform.Phone.value+"<br>");
    win.document.write("Address: "+myform.Address.value+"<br>");
    win.document.write("country:
    "+document.myform.Country.options[document.myform.Country.selectedIndex].name+"<br
    >");
    win.document.write("Sex: "+c+"<br>");
    win.document.writeln("Course Selected:"+CourseSelected+"<br>");
    win.document.writeln("Languages Known:"+LanguagesKnown+"<br>");
    }
    }
    }
    }
    </script>
    </head>
    <body bgcolor="lightgreen">
    <h1>Personal Profile Information</h1>
    Priyankar Paul 5
    29SCS124

    <form action="" name="myform" >


    <table cellspacing="2" cellpadding="2" border="1" align="center">
    <tr>
    <td align="right">First Name</td>
    <td><input type="text" name="FirstName"></td>
    </tr>
    <tr>
    <td align="right">Last Name</td>
    <td><input type="text" name="LastName"></td> </tr>
    <tr>
    <td align="right">Email</td>
    <td><input type="text" name="Email"></td>
    </tr>
    <tr>
    <td align="right">Phone</td>

    <td><input type="text" name="Phone"></td>


    </tr>
    <tr>
    <td align="right">Address</td>
    <td><textarea cols="20" rows="7" name="Address"></textarea></td>
    </tr>
    <tr>
    <td align="right">Sex</td>
    <td><input type="radio" name="Sex" value="Male">Male
    <input type="radio" name="Sex" value="Female">Female</td> </tr>
    <tr>
    <td align="right">Country</td>
    <td>
    <SELECT name="Country">
    <option name="Srilanka" value="1">Srilanka
    <option name="Pakistan" value="2">Pakistan
    <option name="Afghanistan" value="3">Afghanistan
    <option name="Nepal" value="4">Nepal
    <option name="Bengladesh" value="5">Bangladesh
    <option selected name="India" value="6">India
    <option value="7">Rest of the world
    </SELECT>
    </td>
    </tr>

    <tr>
    <td>Course(s):</td>
    Priyankar Paul 6
    29SCS124

    <td><SELECT name=Course id=course multiple> <OPTION


    value=CSE>CSE</OPTION> <OPTION value=IT>IT</OPTION> <OPTION
    value=ECE>ECE</OPTION> <OPTION value=ICE>ICE</OPTION> <OPTION
    value=MCA>MCA</OPTION> <OPTION
    value=MBA>MBA</OPTION></SELECT>
    </td></tr>
    <tr>

    <tr>
    <td> Language(s) Known</td>
    <td>
    <input type="checkbox" name=chk_Language value="Tamil"> Tamil
    <input type="checkbox" name=chk_Language value="English"> English
    <input type="checkbox" name=chk_Language value="Hindi"> Hindi
    <input type="checkbox" name=chk_Language value="Malayalam"> Malayalam
    <input type="checkbox" name=chk_Language value="Other">Other
    </td>
    </tr>
    <td align="right"></td>
    <td><input type="button" value="Submit" onClick="validate()"><INPUT type=reset
    value=Clear></td>
    </tr>
    </table>
    </form>
    </body>
    </html>
    Priyankar Paul 7
    29SCS124

    Output:
    Priyankar Paul 8
    29SCS124

    Result:
    Priyankar Paul 9
    29SCS124

    Thus the program to validate a form using Java script was successfully executed and its
    output was verified.

    You might also like