简单的jQuery代码不能在服务器上工作，但在本地工作

我很难找出什么是错的。基本上我想要的信息是“谢谢你注册！”在输入有效的电子邮件时淡入，并显示“请确保您的电子邮件输入正确”。在输入无效的电子邮件时淡入。简单的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; 
    }); 
});

来源

2013-02-24 dannyp32

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

当你说它不能在服务器上工作，你能描述什么是错的？你看到什么行为？有没有一个可以测试的实时网址？ – codefactor 2013-02-24 21:19:33

它看起来像动画工作，因为它下面的div移动，但消息不会出现。你可以看到这里发生了什么chestbumpp.com，如果它在你的胸部皮肤上正常工作，请让我知道。我已经在4种不同的浏览器上在Linux和Windows上试用过它。 – dannyp32 2013-02-25 06:54:12

jQuery库从服务器上运行时，可能没有被加载。确保你正确链接到它。

如果是这种情况，你可以通过添加此行到页面的<head>

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

来源

2013-02-24 21:24:44 Josef

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

你的问题存在，你已经给了我们什么外面解决它。你在这里的一切都完美无瑕。

可能的情景：

jQuery的不被包含在服务器上。
在javascript中的其他地方解析错误。

根据错误控制台应该很容易诊断任何一个。

来源

2013-02-24 21:36:19

工作示例：http://jsfiddle.net/JsPXS/。我无法将它包含在答案中，因为我实际上没有显示任何代码。 – 2013-02-24 21:36:44

我真的不知道问题出在哪里。我在服务器上包含jQuery。这是整个脚本，所以我不认为在javascript中有其他地方存在解析错误。控制台中也没有任何错误。 – dannyp32 2013-02-25 06:53:05

简单的jQuery代码不能在服务器上工作，但在本地工作

回答

相关问题