单击确认框终止php表单操作
terminating the php form action on click of confirmation box
我们使用此javascript提醒用户,现在我想将此功能添加到我的html表单中,该表单使用post方法将数据发送到我的php表单处理页面。
现在,我想要的是,如果用户按下取消按钮,则终止操作,这意味着使用post方法发送的所有数据都不应发送,并且除非用户单击OK
按钮,否则用户将无法处理表单。那么这有可能吗?或者这只是一个愚蠢的问题?
<html>
<head>
<script type="text/javascript">
function show_confirm()
{
var r=confirm("Press a button!");
if (r==true)
{
alert("You pressed OK!");
}
else
{
alert("You pressed Cancel!");
}
}
</script>
</head>
<body>
<input type="button" onclick="show_confirm()" value="Show a confirm box" />
</body>
</html>
在表单提交时调用confirm
,而不是在按钮单击时调用,并将按钮更改为提交按钮:
<form onsubmit="return show_confirm();">
<input type="text" name="test" value="test"><br>
<input type="submit" value="Show a confirm box">
</form>
如果单击了cancel
,则添加一个return false;
:
function show_confirm() {
var r=confirm("Press a button!");
if (r===true) {
alert("You pressed OK!");
} else {
alert("You pressed Cancel!");
return false;
}
}
另请参阅我的示例。
首先,您应该只将ajax调用放在r==true的部分如果用户单击"取消",则不会向服务器发送任何数据。
其次,如果您想终止用户已经执行的操作(=ajax调用)(也就是说,她单击"确定"按钮,您调用ajax将数据发布到服务器),则会更困难,因为您需要一个服务器端代码来执行"回滚"。在数据到达服务器之前,您无法"捕获"数据,因此您可以选择进行回滚,然后从客户端检查状态。
相关文章:
- 如何根据所选选项值重定向表单操作
- 从输入时提交到jQuery,无需提交按钮,无需表单操作
- 使用Javascript/jQuery以编程方式将当前锚点/哈希/片段附加到任何表单操作url
- 表单操作值未从attr()函数中获取
- JavaScript 表单操作更改RC方法发布文本输入提交
- “表单操作”和“点击时提交表单”都将执行
- 动态更改表单操作以生成iframe
- 从HTML表单中获取计算得到的JavaScript数据,并将其作为新元素添加到相同的表单操作中以使用PHP保存
- html表单操作跨域目标iframe
- SSL/JS错误破坏了我页面上的表单操作
- 如何正确地将异步回调与react中的表单操作连接起来
- 表单操作过程中出现后退按钮问题
- extjs,如何在表单操作中绑定事件
- 表单操作查询字符串中需要下拉选项值
- 动态更改表单操作url
- HTML表单操作是在值前面,而不是在值后面
- 将java脚本变量传递给相同的表单操作php文件参数
- jQuery:$.ajax() 重定向到其 URL 表单操作参数,而不是对表单操作执行 AJAX 请求
- 代码点火器通过单击按钮更改表单操作
- 表单操作 一个外部 JavaScript 函数