重复使用代码而不提交表单两次

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 我发现我的逻辑错误并已修复,现在检查。谢谢!

以上是关于重复使用代码而不提交表单两次的主要内容,如果未能解决你的问题,请参考以下文章

防止表单重复提交

如何防止表单重复提交

表单重复提交问题

如何使用表单验证防止重复提交

php避免form表单重复提交

如何防止表单的重复提交