Question

我有一个登录表单。毫无疑问，它接受用户名/密码。我有2个按钮，提交按钮和取消按钮。我想要做的是当用户点击提交按钮，登录请求开始处理。用户可以看到登录界面8-10秒。当他点击取消按钮时，应该允许他取消表单提交（取消登录）。

请让我知道如何做到这一点。我知道可以有一个js函数，但我没有遇到任何。非常感谢提前！

Answer 1

你试过了吗？

function cancel () {
    document.execCommand('Stop')
}

<input type = "button" name="cancel" value = "cancel" onclick = "cancel()" />

Answer 2

当用户发送登录请求时，请求和身份验证必须由某些服务器端脚本（如php）处理。因此，将取消按钮上的链接放到另一个服务器端脚本。此脚本应尝试注销用户。如果他已经登录，他将退出，以便取消工作。在其他情况下，如果他没有发生任何事情，脚本就会无所事事。

Answer 3

这是一个简单的例子，你可以创建自己的 HTML代码

<form name="f1" action="test.jsp" method="get">
    username:<input type="text" name="username">
    password:<input type="password" name='password'>
    <input id="sub" type="submit" name="subm" value="subm">
    <input id="reset" type="button" name="reset" value="reset">
</form>

和jquery代码

$(document).ready(function() 
            {
                $('#sub').click(function(){
                            $('form [name="f1"]').submit();

                        });
                $('#reset').click(function(){                           
                            $('input[name="username"]').val('');
                            $('input[name="password"]').val('');

                        });
          });

这只是一个参考，你可以根据你的要求修改和创建

Answer 4

我的建议：

首先隐藏“取消”按钮。
单击“登录”按钮时，发送登录请求，隐藏或禁用“登录”按钮，并显示“canccel”按钮。然后为正常登录过程设置默认处理程序：

$.post('login', params, function(){handler.loginCallback()});
单击“取消”按钮时，请使用其他过程替换处理程序：

handler.loginCallback = function() { ... }

如果登录失败，则不执行任何操作;如果登录成功，请发送另一个注销请求。

单击按钮时取消表单提交

4 个答案: