2013-02-24 38 views
0

我很難找出什麼是錯的。基本上我想要的信息是「謝謝你註冊!」在輸入有效的電子郵件時淡入,並顯示「請確保您的電子郵件輸入正確」。在輸入無效的電子郵件時淡入。簡單的jQuery代碼不能在服務器上工作,但在本地工作

在我的HTML我有這樣的:

<div id="signUp"> 
    <form action="" method="post" id="signup"> 
     <input type="text" class="left" id="email" name="email" placeholder="Enter your email address" value=""> 
     <input type="submit" id="notify-me" class="button" value="Sign me up!">  
    </form> 
</div> 
<br> 
<p class="hidden">Thank you for signing up!</p> 

這裏是我的jQuery:

$(document).ready(function() { 
    // all jQuery code goes here 
    $(".hidden").hide(); 
    $("form").submit(function() { 
     var emailReg = /^([\w-\.][email protected]([\w-]+\.)+[\w-]{2,4})?$/; 
     if(emailReg.test($("input:first").val()) && $("input:first").val() != "") 
     { 
      $(".hidden").text("Thank you for signing up!").fadeIn(1000); 
      var dataString = "email=" + $("input:first").val(); 
      $.ajax({ 
       type: "POST", 
       url: "write.php", 
       data: dataString, 
       success: function() { 
        $("input:first").val(""); 
        return false; 
       } 
      }); 
     } 
     else 
     { 
      $(".hidden").text("Please make sure your email was entered correctly.").fadeIn(500); 
     } 
     return false; 
    }); 
}); 
+0

看到此編輯:http://stackoverflow.com/posts/15056644/revisions – Doorknob 2013-02-24 21:04:47

+0

當你說它不能在服務器上工作,你能描述什麼是錯的?你看到什麼行爲?有沒有一個可以測試的實時網址? – codefactor 2013-02-24 21:19:33

+0

它看起來像動畫工作,因爲它下面的div移動,但消息不會出現。你可以看到這裏發生了什麼chestbumpp.com,如果它在你的胸部皮膚上正常工作,請讓我知道。我已經在4種不同的瀏覽器上在Linux和Windows上試用過它。 – dannyp32 2013-02-25 06:54:12

回答

0

jQuery庫從服務器上運行時,可能沒有被加載。確保你正確鏈接到它。

如果是這種情況,你可以通過添加此行到頁面的<head>

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
+0

是的,我已經包含了jquery。 – dannyp32 2013-02-25 06:55:20

0

你的問題存在,你已經給了我們什麼外面解決它。你在這裏的一切都完美無瑕。

可能的情景:

  1. jQuery的不被包含在服務器上。
  2. 在javascript中的其他地方解析錯誤。

根據錯誤控制檯應該很容易診斷任何一個。

+0

工作示例:http://jsfiddle.net/JsPXS/。我無法將它包含在答案中,因爲我實際上沒有顯示任何代碼。 – 2013-02-24 21:36:44

+0

我真的不知道問題出在哪裏。我在服務器上包含jQuery。這是整個腳本,所以我不認爲在javascript中有其他地方存在解析錯誤。控制檯中也沒有任何錯誤。 – dannyp32 2013-02-25 06:53:05

相關問題