1

我很难弄清楚出了什么问题。基本上我想要“感谢您注册！”的消息。当他们输入有效的电子邮件时淡入，并显示“请确保您的电子邮件输入正确”的消息。当他们输入无效的电子邮件时淡入。

在我的 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-\.]+@([\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;
    });
});
4

2 回答 2

1

从服务器运行时，可能未加载 jQuery 库。确保您正确链接到它。

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

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
于 2013-02-24T21:24:44.930 回答
0

您的问题存在于您给我们的范围之外。您在这里拥有的一切都完美无缺。

可能的情况：

  1. jQuery 未包含在服务器上。
  2. 在 javascript 的其他地方解析错误。

任何一个都应该根据错误控制台轻松诊断。

于 2013-02-24T21:36:19.757 回答