Uncaught TypeError: Object [object Object] has no validation method

Question

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"> </script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script> <script type="text/javascript" src="js/supersized.3.1.3.core.min.js"></script> <link rel="stylesheet" type="text/css" href="css/base.css" /> <link rel="stylesheet" href="css/supersized.core.css" type="text/css" media="screen" /> <link href='http://fonts.googleapis.com/css?family=Nunito:light,regular&v1' rel='stylesheet' type='text/css' /> <script type="text/javascript"> $(document).ready(function($){ $.supersized({ //Background image slides : [ { image : 'images/pendulumWeb.jpg' } ] }); $("form[name=emailSubmit]").validate({ rules: { title: { required: true }, fName: { required: true }, lName: { required: true }, profession: { required: true }, email: { required: true, email: true } }, messages: { title: { required: "Please enter your title." }, fName: { required: "Please enter your first name" }, lName: { required: "Please enter your last name." }, profession: { required: "Please enter your profession" }, email: { required: "Please enter your email" } } }); 

 <div id="contact"> <form id="emailSubmit" name="emailSubmit" method="post"> <legend>Enter InformationEnter InformationEnter InformationEnter InformationEnter InformationEnter InformationEnter InformationEnter Information</legend> <div id="submit"> <table> <tr> <td><span class="formTitles">Title</span></td> <td><input id="title" name="title" value="" size="5" max="3" type="text" /> </td> </tr> <tr> <td><span class="formTitles">First Name</span></td> <td><input id="fName" name="fName" value="" size="20" type="text" /></td> </tr> <tr> <td><span class="formTitles">Last Name</span></td> <td><input id="lName" name="lName" value="" size="20" type="text" /></td> </tr> <tr> <td><span class="formTitles">Profession</span> </td> <td><input id="profession" name="profession" value="" size="20" type="text" /></td> </tr> <tr> <td><span class="formTitles">Email</span> </td> <td><input id="email" name="email" value="" size="20" type="text" /></td> </tr> <tr> <td><span class="formTitles">Phone</span></td> <td><input id="phone" name="phone" value="" size="20" type="text" /></td> </tr> <tr> <td><span class="formTitles">Message</span></td> <td><input id="message" name="message" value="" size="20" type="textarea" /></td> </tr> </table> <button class="buttonPositive" type="submit"> Submit</button> </div> </form> </div> <div class="success" style="display: none;"> </div> 

I keep getting this error in developer tools

Uncaught TypeError: Object [object Object] has no validation method

Here is my code. Can one of my external js files cause this? Stuck on this issue.

Answer 1

I don't see anything like it:

 <script src="jquery.validate.js" type="text/javascript"></script> 

in your HTML, so you probably don’t do any form validation at all. Without this, jQuery would not have a validate method, so you will get a "no method validate" error message. You will of course need to use the correct jquery.validate.js for your site.