重复使用代码而不提交表单两次
Posted
技术标签:
【中文标题】重复使用代码而不提交表单两次【英文标题】:Reuse the code without submitting the form twice 【发布时间】:2019-01-09 00:11:17 【问题描述】:这一切都是为了在我的网站中实现删除帐户功能。
如果用户要求删除他的帐户(删除完整数据需要 3 天)并尝试在这 3 天内登录。 我们需要确认您是否已登录帐户才能启用
为此,我使用以下代码
$('#loginform').on('submit',function(e)
var t = $(this);
$.post('/login.php', t.serialize(), function(data)
if(data.error.length)
$('.login_result', t).html(data.result).slideDown();
else if(data.result == 'waiting_for_deletion')
jconfirm('Account will be enabled if you login',
function(is_confirmed)
if(is_confirmed)
$('input:hidden[name="loginform"]').val('confirm_reactivation');
('#loginform').submit();
,
'Yes', 'Cancel');
else
location.href = '/accounts';
, 'json')
);
如果用户输入正确的详细信息(电子邮件和密码)将要求确认,如果他确认我正在重新提交带有新输入字段值的表单
我只想知道如何在不提交两次表单的情况下重复使用我的 PHP 代码?
或者我可以在第一个 ajax 中再使用一个 ajax 调用吗(我认为不可能)。
也不应该影响正常登录
// 已编辑
这是我的 PHP 代码
login.php
if(isset($_POST['loginform']))
$email = trim(mb_strtolower($_POST['email']));
$password = $_POST['upw'];
if (empty($email))
$error['#email'] = 'Wrong mail';
validate('password', $password, $error['#password']);
// check for correct password now
if(!$error)
$data = query_execute("SELECT * FROM users WHERE email='".sqlescape($email)."' LIMIT 1");
if(!$data)
$error['#email'] = 'Account not exists';
elseif(!$data['active'] && !(int)$data['validated'])
$error['error'] = 'Account not validated';
elseif(!$data['password'] || !check_password($password, $data['password'], $data['userid']))
$error['#password'] = 'Wrong password';
// ----------------------------------------------
// OK, ALL FINE! USER COULD LOGIN
// ----------------------------------------------
else
$confirmation = $_POST['loginform'] == 'confirm_reactivation' ? true : false;
$Delete_Accounts = query_execute("SELECT * FROM deleteacoount WHERE email='".sqlescape($email)."' LIMIT 1");
// Waiting for Deletion accounts
if ($Delete_Accounts[$data['userid']] == 2 && !$confirmation)
$result = 'waiting_for_deletion';
else
if($confirmation)
query_execute("DELETE FROM deleteacoount WHERE email='".sqlescape($email)."'");
DB_query("UPDATE users SET last_login=NOW(),
last_ip='".$_POST['ip']."'
WHERE userid=".$userid."",'#');
$result = 'OK';
// ----------------------------------------------
if($error)
$result = '<div class="alert alert-block alert-error mb5"><h4>'.$error.'</div>';
jsonReturn($result, $error);
【问题讨论】:
@Armin:请检查我编辑的代码 只需我的 2 美分 - 这就是我设计此用例的方式 (1.) 用户提交Account Delete
表单。这会在他们的帐户 (account_delete_requested
) 以及日期/时间中添加一个标志。 (2.) 每天/每小时运行一个 CRON 作业,检查这些标志/日期/时间并删除超过 3 天的任何人。 (3.) 完全分开,每次用户登录时,检查account_delete_requested
标志/日期/时间,如果在3天内重新激活。
@waterloomatt:你说得对,我也是这样做的。但我只想在用户尝试登录时要求确认
你能让 PHP 返回代表 3 种不同状态的 JSON:1. 错误(无效的用户名/密码),2. 好的(有效的用户名/密码 && 帐户没有有account_delete_requested
标志集,3. ACTIVATE(有效的用户名/密码 && 帐户确实设置了 account_delete_requested
标志)。然后,JS 将查看该状态并:显示错误消息,重定向到登陆页面,显示确认对话框;如果确认对话框= Y,重定向到登陆,因为您知道用户名/密码是可以的。这样,您无需再次提交表单;确认对话框将自行驱动。
@waterloomatt:你很聪明,这是个好方法。但我也想更新last login
并从deletedaccounts
表中删除用户,如果结果正常的话。也不影响正常登录
【参考方案1】:
需要为ajax编写函数,修改对象后再次提交
function submitForm(form)
$.post('/ajax.php', form.serialize(), function (data)
if (data.error.length)
$('.login_result', form).html(data.result).slideDown();
else if (data.result === 'waiting_for_deletion')
jconfirm('Account will be enabled if you login',
function (is_confirmed)
if (is_confirmed)
form.find('input:hidden[name="loginform"]').val('confirm_reactivation');
submitForm(form);
return;
,
'Yes', 'Cancel');
else
location.href = '/me';
);
$('#loginform').on('submit', function (e)
e.preventDefault();
submitForm($(this));
);
【讨论】:
这样我们拆分函数。但是提交了两次表单,对吧? @Sree 第一次调用request = submitForm(_this);
并通过request.done
捕获响应,但第二次我们只是在修改后调用submitForm(_this)
每次收到不同的响应时,我们如何捕捉响应?
提交表格(表格);相同的函数被调用两次(表单提交两次)。我不想要那个。请阅读我的问题
第一次调用,如果帐户处于活动状态 - 重定向到“/me”,但如果帐户 waiting_for_deletion - 您需要显示确认弹出窗口。确认后 - 使用confirm_reactivation
发送请求。或其他选项 - 您可以使用套接字。【参考方案2】:
我真的不知道你为什么不想提交表单两次。
无论如何,必须实现两个目标:
-
用户必须知道他/她的帐户是
waiting_for_deletion
并确认登录。
服务器必须知道该用户已确认。
有一个解决方案适合您:加载登录页面时加载所有waiting_for_deletion
电子邮件(出于安全原因,您可以对其进行哈希处理)。用户输入邮箱后,可以对比输入的邮箱和waiting_for_deletion
列表。如果电子邮件存在于列表中,则显示确认弹出窗口。
此解决方案在性能(您必须在任何时候渲染登录页面时加载电子邮件列表)、安全性(您加载电子邮件列表并在客户端检查,如果您在列表上散列电子邮件,它也是一个弱点)。但是,它可以实现您的目标。
【讨论】:
【参考方案3】:这里我使用一个额外的 ajax 调用并重用现有代码来创建另一个 PHP 文件来解决这个问题,而无需提交两次表单。
脚本
$(".password").on('focus', function ()
var email=$('input[name="email"]').val();
confirm_reactivation(email);
);
function confirm_reactivation(email)
var api="email="+ email;
$.ajax(
method : 'POST',
url : confirm_reactivation.php,
data : api
).done(function(data)
var out = $.parseJSON(JSON.stringify(data));
if(out.message == 'success')
$('input:hidden[name="loginform"]').val('confirm_reactivation');
else
$('input:hidden[name="loginform"]').val('');
);
$('#loginform').on('submit',function(e)
var check_value=$('input:hidden[name="loginform"]').val();
if(check_value !='' || check_value == null)
var t = $(this);
$.post('/login.php', t.serialize(), function(data)
if(data.error.length)
$('.login_result', t).html(data.result).slideDown();
else
location.href = '/accounts';
, 'json')
else
jconfirm('Account will be enabled if you login',
function(is_confirmed)
if(is_confirmed)
$('input:hidden[name="loginform"]').val('confirm_reactivation');
//('#loginform').submit();
var t = $(this);
$.post('/login.php', t.serialize(), function(data)
if(data.error.length)
$('.login_result', t).html(data.result).slideDown();
else
location.href = '/accounts';
, 'json')
,
'Yes', 'Cancel');
);
这是你的新 PHP 文件,我重用了你的代码并添加了一些东西。
//confirm_reactivation.php
<?php
$email = trim(mb_strtolower($_POST['email']));
$Delete_Accounts = query_execute("SELECT * FROM deleteacoount WHERE email='".sqlescape($email)."' LIMIT 1");
// Waiting for Deletion accounts
if ($Delete_Accounts[$data['userid']] == 2)
$message = array("message" =>'success',"status" =>200);
echo json_encode($message);exit;
else
$message = array("message" =>'failed',"status" =>200);
echo json_encode($message);exit;
?>
就是这样。谢谢!
【讨论】:
@ZakariaAcharki 不,如果您正确阅读了我的代码,您可以了解这一点。他的问题是同时他不想提交表单两次,在我的程序中,如果您是普通用户,则只能提交一次表单,或者如果您是已删除的用户并且此时再次回来,您也可以提交一个表格只有一次。谢谢! @ZakariaAcharki 我发现我的逻辑错误并已修复,现在检查。谢谢!以上是关于重复使用代码而不提交表单两次的主要内容,如果未能解决你的问题,请参考以下文章