[jQuery] problem validating form fields using jquery validator plugin

[jQuery] problem validating form fields using jquery validator plugin


Hey guys,
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?