problem validating form fields using jquery validator plugin

problem validating form fields using jquery validator plugin

Hi,

I am validating my form fields using jquery validate plugin. but its not executing my methods. its hitting my validate() method but not actual validation code.

I am pasting my code here for your reference.

My javascript code:

mysite.validateFormFields = function() {
      
         alert('here');           [color=green] [b]// its hitting here[/b][/color]
      // validate contact form on keyup and submit
      $("#myForm").validate({
         
                         alert('here');               [color=red][b] // its not hitting here[/b][/color]
         //set the rules for the field names
         onkeyup:false,
         rules: {
      
         fname: {
               required: true,
               minlength: 2,
               maxlength: 20,
               validChars:true,
               nameCheck:true
            },
            lname: {
               required: false,
               minlength: 0,
               validChars:true,
               nameCheck :true
            },
            },   // end of rules
         
         //set messages to appear inline
         messages: {
            
            fname: {
               required : "Please enter first  name",
               minlength: jQuery.format("First name must be at least {0} characters in length."),
               maxlength: jQuery.format("First name can not exceed {0} characters in length."),
               validChars: "please supply valid characters only.",
               nameCheck: "Please enter first  name"
            },
            lname: {
               //required : "Please enter your last name",
               validChars: "please supply valid characters only.",
               nameCheck: "Please enter last  name"
            }
            }   // end of error messages
         
      });      // end of validate
   
   }




$.validator.addMethod('nameCheck', function(value) {
   if(value == '1st Name' || value == 'Surname' )   {
      //alert('here in if');
      return false;
   }
   else {
      //alert(value);
      //alert('here in else');
      return true;
   }

},'');


$.validator.addMethod('validChars', function (value) {

   var iChars = "!@#$%^&()+=[]\\\';,./{}|\"<>?";

   for (var i = 0; i < value.length; i++) {
      if (iChars.indexOf(value.charAt(i)) != -1) {
         return false;
        }
   }
   return true;

}, '');


My form:
<head>
<script type="text/javascript" src="jquery.ui-1.6rc6/jquery-1.3.1.js"></script>
<script type="text/javascript" src="jquery.ui-1.6rc6/jquery.validate.js"></script>
<script type="text/javascript" src="scripts/validateform.js"></script>
</head>
<body>
<form action="/mysite/order" name="myForm" id="myForm"  method="post">   

-----

</form>


can anyone help me in figuring out the error? :(