何が間違っているのかを理解するのに本当に苦労しています。基本的には「ご登録ありがとうございます!」というメッセージが欲しいです。有効な電子メールが入力されるとフェードインし、「電子メールが正しく入力されていることを確認してください」というメッセージが表示されます。無効なメールを入力するとフェードインします。
私の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;
});
});