繁体   English   中英

如何在提交表单上显示弹出消息(如本网站)

[英]how to show a pop-up message(like this site) on submit form

我在应用程序中使用php和jquery

我想要当用户在page1中提交成功表单时,将表单page1转发到page2并显示弹出消息(例如此站点)“成功”,而当他们未提交成功时,不要转发并仅显示弹出消息“错误” ”

我如何执行此过程?

谢谢?

我不会在onsubmit的第一个“ return CheckCondition()”中依靠Javascript本身(由Muddybruin编写),但是我会使用它! 我不会依靠它,因为访问者可以使用Java并轻松绕过该功能。

我也将使用“ header-redirection-answer”(作者:Levi Hackwith),但我将其修改为:

<?php
//checkform.php
if($form_success) { 

//Include template or code here when form is successful

}
else {

//Include template or code here when form is unsuccessful

}
?>

如果在表单成功时绝对必须转到特定文件,那么我将包含它而不是重定向它。 这是因为重定向可能会导致与搜索引擎中的链接索引无关的问题,并且比直接包含在checkform.php中要慢得多。 还请记住,必须从脚本发送任何其他输出之前发送标头重定向。

您将使用以下内容:

<?
if($form_success) { //
   header("location: formpage2.php?success=1");
}
else {
   header("location: formpage1.php?error=1");
}
?>

如果您想成功地将表单数据从page1传递到page2,请使用URL查询字符串或URL或将$ _POST中的内容存储在$ _SESSION中。

对于弹出消息,我将在formpage2的查询字符串中检查成功值,然后使用javascripts alert来警告用户其成功。

在您的表单中,您可以像这样在表单标签中添加一些javascript ...

<form action="page2.php" onsubmit="if (CONDITION) {alert('Success'); return true;} else { alert('Error'); return false;}">
    <input type="submit" value="Submit">
</form>

您可以在onsubmit部分调用一个函数(“ return checkCondition();”),然后将该函数写入一个单独的Javascript文件中。

如果onsubmit部分中的Javascript返回true,则它将转到操作中指定的页面。 如果返回false,则表单验证失败,它将停留在原处。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM