jquery – 未捕获TypeError:对象[object Object]没有方法验证

前端之家收集整理的这篇文章主要介绍了jquery – 未捕获TypeError:对象[object Object]没有方法验证前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
  1. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"> </script>
  2. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
  3. <script type="text/javascript" src="js/supersized.3.1.3.core.min.js"></script>
  4. <link rel="stylesheet" type="text/css" href="css/base.css" />
  5. <link rel="stylesheet" href="css/supersized.core.css" type="text/css" media="screen" />
  6. <link href='http://fonts.googleapis.com/css?family=Nunito:light,regular&v1' rel='stylesheet' type='text/css' />
  7.  
  8.  
  9. <script type="text/javascript">
  10. $(document).ready(function($){
  11. $.supersized({
  12. //Background image
  13. slides : [ { image : 'images/pendulumWeb.jpg' } ]
  14. });
  15.  
  16. $("form[name=emailSubmit]").validate({
  17. rules: {
  18. title: {
  19. required: true
  20. },fName: {
  21. required: true
  22. },lName: {
  23. required: true
  24. },profession: {
  25. required: true
  26. },email: {
  27. required: true,email: true
  28. }
  29. },messages: {
  30. title: {
  31. required: "Please enter your title."
  32. },fName: {
  33. required: "Please enter your first name"
  34. },lName: {
  35. required: "Please enter your last name."
  36. },profession: {
  37. required: "Please enter your profession"
  38. },email: {
  39. required: "Please enter your email"
  40. }
  41. }
  42. });
  1. <div id="contact">
  2. <form id="emailSubmit" name="emailSubmit" method="post">
  3. <legend>Enter InformationEnter InformationEnter InformationEnter InformationEnter InformationEnter InformationEnter InformationEnter Information</legend>
  4. <div id="submit">
  5. <table>
  6. <tr>
  7. <td><span class="formTitles">Title</span></td>
  8. <td><input id="title" name="title" value="" size="5" max="3" type="text" />
  9. </td>
  10. </tr>
  11. <tr>
  12. <td><span class="formTitles">First Name</span></td>
  13. <td><input id="fName" name="fName" value="" size="20" type="text" /></td>
  14. </tr>
  15. <tr>
  16. <td><span class="formTitles">Last Name</span></td>
  17. <td><input id="lName" name="lName" value="" size="20" type="text" /></td>
  18. </tr>
  19. <tr>
  20. <td><span class="formTitles">Profession</span> </td>
  21. <td><input id="profession" name="profession" value="" size="20" type="text" /></td>
  22. </tr>
  23. <tr>
  24. <td><span class="formTitles">Email</span> </td>
  25. <td><input id="email" name="email" value="" size="20" type="text" /></td>
  26. </tr>
  27. <tr>
  28. <td><span class="formTitles">Phone</span></td>
  29. <td><input id="phone" name="phone" value="" size="20" type="text" /></td>
  30. </tr>
  31. <tr>
  32. <td><span class="formTitles">Message</span></td>
  33. <td><input id="message" name="message" value="" size="20" type="textarea" /></td>
  34. </tr>
  35. </table>
  36.  
  37. <button class="buttonPositive" type="submit"> Submit</button>
  38. </div>
  39. </form>
  40.  
  41. </div>
  42.  
  43. <div class="success" style="display: none;">
  44. </div>

我一直在开发人员工具中遇到此错误

未捕获的TypeError:对象[object Object]没有方法验证

这是我的代码..可能我的一个外部js文件导致这个?坚持这个问题.

解决方法

我没有看到这样的事情:
  1. <script src="jquery.validate.js" type="text/javascript"></script>

在您的HTML中,所以你可能根本没有拉入form validator.没有它,jQuery将没有验证方法,因此您将获得“无方法验证”错误.当然,您必须为您的站点使用正确的jquery.validate.js路径.

猜你在找的jQuery相关文章