我有这个 PHP 联系表单脚本（如下所示），我以前使用过它，所以我知道它可以工作，但是，由于我将 html 表单隐藏在一个新的 jQuery 支持的 div 中：
（<div class="toggle hidemail" id="drop-button" href=""> Email us here </div>
<div class="hidden hiddenform">）
上下切换，我似乎根本无法发送表单，发送时的表单应该淡出，然后给用户一条确认消息（如脚本所示），但它没有做任何事情，我不这样做假设有人会知道这里出了什么问题，这样我就可以让这个表格再次工作吗？
<?php
$to = '[email protected] /cdn-cgi/l/email-protection';
$subject = 'Company Name';
$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];
$body = <<<EMAIL
Hello my name is $name.
$message
From $name
my email address is $email
EMAIL;
if($name == '' || $email == '' || $message == "") {
echo "<h5>Sorry, I think you missed bit....</h5>";
$error = true;
} else {
$error = false;
mail("[email protected] /cdn-cgi/l/email-protection", $name, $email, $message);
echo "<h5>Thank you for getting in touch. I'll get back to you ASAP.</h5>";
}
if($error == true):
?>
<article id="contact-form">
<article id="load_area">
<form id="my-form">
<input type="text" name="name" placeholder="Name" />
<input type="text" name="email" placeholder="Email" />
<textarea name="message" placeholder="Message" /></textarea>
<input type="button" class="submit_button" value="Send" name="send_button" />
</form>
</article>
</article>
<?php
endif;
?>
这是 HTML：
<div class="toggle hidemail" id="drop-button" href=""> Email us here </div>
<div class="hidden hiddenform">
<article id="contact-form">
<article id="load_area">
<form id="my-form">
<input type="text" name="name" placeholder="Name" />
<input type="text" name="email" placeholder="Email" />
<textarea name="message" placeholder="Message" /></textarea>
<input type="button" class="submit_button" value="Send" name="send_button" />
</form>
</article>
</article>
</div>
$(document).ready(function() {
$(".submit_button").live("click", function() {
$("#load_area").fadeOut('slow', function() {
$("#load_area").fadeIn();
$.post("process.php", $("#my-form").serialize(), function(data) {
$("#load_area").html(data);
})
});
})
})
尝试使用
$(".submit_button").on("click", function(){
代替'$(".submit_button").live("click", function(){
来自 jQuery 文档：
从 jQuery 1.7 开始，.live() 方法已被弃用
也尝试使用
$('#my-form').submit(function() {
alert('Handler for .submit() called.');
return false;
});
并在 html 表单中设置一个操作，如下所示：
<form id="my-form" action="process.php">
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
