2011-06-18 83 views
7
<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> 

我不斷收到的開發人員工具此錯誤

遺漏的類型錯誤:對象的翻譯:沒有方法驗證

這是我的code..could其中一個我的外部JS文件造成這種情況?陷入這個問題。

回答

22

我沒有看到這樣的事情:

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

在你的HTML,所以你很可能不會在form validator拉動的。沒有這一點,jQuery將不會有一個validate方法,所以你會得到你的「無方法驗證」錯誤。當然,您必須使用正確的路徑jquery.validate.js爲您的網站。

+0

我只是假設驗證方法是在jQuery庫中。謝謝您的幫助。我下載了插件,現在可以工作。 – wowzuzz

相關問題