表单消息警报
Form message alert
我有以下表格:
<form method="post" action="contactus.php" name="myForm" autocomplete="off">
<label for="Name">Name:</label>
<input type="text" name="Name" id="Name" maxlength="60" required/>
<label for="email">Email:</label>
<input type="text" name="email" id="email" maxlength="120" required/>
<label for="message">Message:</label><br />
<textarea name="message" rows="20" cols="20" id="message" required></textarea>
<input type="submit" name="submit" value="Submit" class="submit-button" />
</form>
对于一些发送电子邮件的PHP,PHP与表单(contactus.PHP(在同一页面上,我希望在页面上的某个地方出现一条消息(请不要弹出(,告诉用户已经发送了电子邮件(电子邮件不需要验证,只需在按下按钮时验证(。这可以在PHP、AJAX或JS中完成,我不介意
HTML代码——
<p style="display:none">Mail Send Successfully </p>
<form method="post" action="contactus.php" name="myForm" autocomplete="off">
<label for="Name">Name:</label>
<input type="text" name="Name" id="Name" maxlength="60" required/>
<label for="email">Email:</label>
<input type="text" name="email" id="email" maxlength="120" required/>
<label for="message">Message:</label><br />
<textarea name="message" rows="20" cols="20" id="message" required></textarea>
<input id="submit-btn" type="submit" name="submit" value="Submit" class="submit-button" />
</form>
AJAX代码——
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#submit-btn').click(function(){
var name = $('#name').val();
var email = $('#email').val();
var message = $('#message').val();
$.ajax({
type: "POST",
url: "form-submit.php", // in this file we will put the code of send email and also we will return a response
data:"name="+name+"&email="+email+"&message="+message,
success: function(response) // we will get response
{
$('p').show(); // here message will show after send email
}
});
});
});
</script>
如果发送邮件的PHP在同一页上,我假设有这样的结构:
<?php
if (isset($_POST['email']) && strlen($_POST['email') {
mail("name@example.com", "subject", "text");
}
?>
我建议你在那里添加一个变量,像这样:
<?php
if (isset($_POST['email']) && strlen($_POST['email') {
mail("name@example.com", "subject", "text");
$sent_mail = true; // so we know later
}
?>
然后在页面的某个地方,这样做:
<?php
if (isset($sent_mail)) {
echo 'Success!';
}
?>
不需要javascript:(
<form method="post" action="contactus.php?message=ok" name="myForm" autocomplete="off">
<label for="Name">Name:</label>
<input type="text" name="Name" id="Name" maxlength="60" required/>
<label for="email">Email:</label>
<input type="text" name="email" id="email" maxlength="120" required/>
<label for="message">Message:</label><br />
<textarea name="message" rows="20" cols="20" id="message" required</textarea>
<input type="submit" name="submit" value="Submit" class="submit-button" />
</form>
<div id="displayMessage"></div>*****************new div to display message put wherever you want******************
Javascript:
<script>
function getParameterByName(name) {
name = name.replace(/['[]/, "''[").replace(/[']]/, "'']");
var regex = new RegExp("[''?&]" + name + "=([^&#]*)"),
results = regex.exec(location.search);
return results === null ? "" : decodeURIComponent(results[1].replace(/'+/g, " "));
}
if(getParameterByName("message") == "ok")
{
document.getElementById("displayMessage").innerHTML = "Message Sent.";
window.alert("Message Sent.");//If you want an alert box
}
<script>
只要把<script></script>
放在你的身体末端。。。
相关文章:
- 如果消息框答案为YES,则用Javascript填写表单
- 我确实有一个表单,如果用户输入了输入,它应该检查否定或空的输入框,并抛出一条警告消息
- 如何在提交表单时忽略ajax中的验证规则和消息
- 使用记录保存的消息进行表单验证
- 表单提交没有'如果为空,则不会显示错误消息
- php表单验证n在表单上显示消息3秒钟并淡出
- 如何使用angular js在表单上显示服务器端验证错误消息
- 有角度的ng消息显示ng重复表单上的错误
- 表单验证消息(使用jQuery验证插件)
- 正在使用ng消息验证动态表单
- Jquery.在表单顶部验证错误消息
- 在表单提交后显示消息的方法
- 重置表单后未删除验证消息
- 显示Javascript表单验证消息
- 在jquery幻灯片登录表单上显示消息
- 错误消息重复多次引导和jQuery验证表单
- 始终显示联系人表单中的问题成功消息
- Php,如何打开一个小消息/表单窗口(不是新的浏览器窗口)
- JavaScript 多消息表单验证
- Angularjs和显示服务器验证消息+表单生成器