Form Validation is not working

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • mudgilgaurav
    New Member
    • Oct 2006
    • 7

    Form Validation is not working

    Hi

    I am using this form and want to validate the form using java script when i click on the submit button it does not do anyaction Is there anything wrong with this code.

    Plz help



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

    <html>
    <head>
    <title>Java Script Form Validation example</title>
    <link rel="STYLESHEET " type="text/css" href="/style/jsc.css">

    </head>
    <body>
    <form action="" name="myform" >
    <table cellspacing="2" cellpadding="2" border="0">
    <tr>
    <td align="right">F irst Name</td>

    <td><input type="text" name="FirstName "></td>
    </tr>
    <tr>
    <td align="right">L ast Name</td>
    <td><input type="text" name="LastName" ></td>
    </tr>
    <tr>
    <td align="right">E Mail</td>
    <td><input type="text" name="Email"></td>
    </tr>

    <tr>
    <td align="right">P hone</td>
    <td><input type="text" name="Phone"></td>
    </tr>
    <tr>
    <td align="right">A ddress</td>
    <td><textarea cols="20" rows="5" name="Address"> </textarea></td>
    </tr>
    <tr>
    <td align="right">C ountry</td>

    <td>
    <SELECT name="Country">
    <option value="" selected>[choose yours]
    <option value="008">Alb ania</option>
    <option value="012">Alg eria</option>
    <option value="016">Ame rican Samoa</option>
    <option value="020">And orra</option>
    <option value="024">Ang ola</option>
    <option value="660">Ang uilla</option>
    <option value="010">Ant arctica</option>
    <option value="028">Ant igua And Barbuda</option>
    <option value="032">Arg entina</option>
    <option value="051">Arm enia</option>
    <option value="533">Aru ba</option>
    </SELECT>

    </td>
    </tr>
    <tr>
    <td align="right"></td>
    <td><input type="submit" value="Submit"> </td>
    </tr>
    </table>
    </form>
    <script language="JavaS cript" type="text/javascript">
    //You should create the validator only after the definition of the HTML form
    var frmvalidator = new Validator("myfo rm");
    frmvalidator.ad dValidation("Fi rstName","req", "Please enter your First Name");
    frmvalidator.ad dValidation("Fi rstName","maxle n=20",
    "Max length for FirstName is 20");
    frmvalidator.ad dValidation("Fi rstName","alpha ");

    frmvalidator.ad dValidation("La stName","req");
    frmvalidator.ad dValidation("La stName","maxlen =20");

    frmvalidator.ad dValidation("Em ail","maxlen=50 ");
    frmvalidator.ad dValidation("Em ail","req");
    frmvalidator.ad dValidation("Em ail","email");

    frmvalidator.ad dValidation("Ph one","maxlen=50 ");
    frmvalidator.ad dValidation("Ph one","numeric") ;

    frmvalidator.ad dValidation("Ad dress","maxlen= 50");
    frmvalidator.ad dValidation("Co untry","dontsel ect=0");

    </script>
    </body>
    </html>
  • b1randon
    Recognized Expert New Member
    • Dec 2006
    • 171

    #2
    Originally posted by mudgilgaurav
    Hi

    I am using this form and want to validate the form using java script when i click on the submit button it does not do anyaction Is there anything wrong with this code.

    Plz help



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

    <html>
    <head>
    <title>Java Script Form Validation example</title>
    <link rel="STYLESHEET " type="text/css" href="/style/jsc.css">

    </head>
    <body>
    <form action="" name="myform" >
    <table cellspacing="2" cellpadding="2" border="0">
    <tr>
    <td align="right">F irst Name</td>

    <td><input type="text" name="FirstName "></td>
    </tr>
    <tr>
    <td align="right">L ast Name</td>
    <td><input type="text" name="LastName" ></td>
    </tr>
    <tr>
    <td align="right">E Mail</td>
    <td><input type="text" name="Email"></td>
    </tr>

    <tr>
    <td align="right">P hone</td>
    <td><input type="text" name="Phone"></td>
    </tr>
    <tr>
    <td align="right">A ddress</td>
    <td><textarea cols="20" rows="5" name="Address"> </textarea></td>
    </tr>
    <tr>
    <td align="right">C ountry</td>

    <td>
    <SELECT name="Country">
    <option value="" selected>[choose yours]
    <option value="008">Alb ania</option>
    <option value="012">Alg eria</option>
    <option value="016">Ame rican Samoa</option>
    <option value="020">And orra</option>
    <option value="024">Ang ola</option>
    <option value="660">Ang uilla</option>
    <option value="010">Ant arctica</option>
    <option value="028">Ant igua And Barbuda</option>
    <option value="032">Arg entina</option>
    <option value="051">Arm enia</option>
    <option value="533">Aru ba</option>
    </SELECT>

    </td>
    </tr>
    <tr>
    <td align="right"></td>
    <td><input type="submit" value="Submit"> </td>
    </tr>
    </table>
    </form>
    <script language="JavaS cript" type="text/javascript">
    //You should create the validator only after the definition of the HTML form
    var frmvalidator = new Validator("myfo rm");
    frmvalidator.ad dValidation("Fi rstName","req", "Please enter your First Name");
    frmvalidator.ad dValidation("Fi rstName","maxle n=20",
    "Max length for FirstName is 20");
    frmvalidator.ad dValidation("Fi rstName","alpha ");

    frmvalidator.ad dValidation("La stName","req");
    frmvalidator.ad dValidation("La stName","maxlen =20");

    frmvalidator.ad dValidation("Em ail","maxlen=50 ");
    frmvalidator.ad dValidation("Em ail","req");
    frmvalidator.ad dValidation("Em ail","email");

    frmvalidator.ad dValidation("Ph one","maxlen=50 ");
    frmvalidator.ad dValidation("Ph one","numeric") ;

    frmvalidator.ad dValidation("Ad dress","maxlen= 50");
    frmvalidator.ad dValidation("Co untry","dontsel ect=0");

    </script>
    </body>
    </html>
    I don't know where you got this code but it looks like you're trying to use a library someone has put together that has a Validator object in it:

    Code:
    var frmvalidator = new Validator("myform");
    If you want to use this object you'll need to include the constructor for it. Otherwise, you're missing the code do to validation. You can find some validation code here.

    Comment

    • AricC
      Recognized Expert Top Contributor
      • Oct 2006
      • 1885

      #3
      For what you are trying to validate you don't need some huge class. Just check that the fields are filled in and something is selected in the drop down. The link brandon post should be more than sufficient.

      Comment

      • b1randon
        Recognized Expert New Member
        • Dec 2006
        • 171

        #4
        Originally posted by AricC
        For what you are trying to validate you don't need some huge class. Just check that the fields are filled in and something is selected in the drop down. The link brandon post should be more than sufficient.
        Yes, AricC is right. It would be better for you to build the simple validation that like that found on my link than to try to integrate some pre-built class. Thanks for the thought AricC!

        Comment

        Working...