重用代码,而无需两次提交表单

时间:2018-08-01 12:11:12

标签: javascript php jquery ajax forms

这一切都是为了在我的网站中实现删除帐户功能。

如果用户要求删除其帐户(需​​要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);
}

3 个答案:

答案 0 :(得分:4)

在这里,我正在使用一个额外的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;
            }



?>

就是这样。谢谢!

答案 1 :(得分:3)

您需要为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));
});

答案 2 :(得分:3)

我真的不知道为什么你不想两次提交表格。

无论如何,必须实现2个目标:

  1. 用户必须知道他/她的帐户是waiting_for_deletion 并确认登录。
  2. 服务器必须知道用户已确认。

有一个适合您的解决方案:加载登录页面时加载所有waiting_for_deletion电子邮件(出于安全原因,您可以对其进行哈希处理)。用户输入电子邮件后,您可以比较输入的电子邮件和waiting_for_deletion列表。如果列表中存在该电子邮件,则显示确认弹出窗口。

此解决方案在性能(您必须在任何时候呈现登录页面的任何时候都必须加载电子邮件列表),安全性(加载电子邮件列表并在客户端进行检入)方面都不好,即使您对列表中的电子邮件进行了哈希处理,弱点)。但是,它可以实现您的目标。