单击按钮时取消表单提交

cancel form submission when a button is clicked

本文关键字：表单提交 取消 按钮 单击      更新时间：2023-09-26

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

请告诉我该怎么做。我知道可以有一个js函数，但我还没有遇到任何。提前感谢!

你试过了吗:

function cancel () {
    document.execCommand('Stop')
}
<input type = "button" name="cancel" value = "cancel" onclick = "cancel()" />

当用户发送登录请求时，请求和身份验证必须由一些服务器端脚本处理，如php。因此，在取消按钮上放一个链接到另一个服务器端脚本。该脚本应该尝试注销用户。如果他已经登录了，他将注销，以便取消操作生效。在另一种情况下，如果他没有比什么都没有发生，脚本结束时什么也不做。

这是一个简单的例子，您可以创建自己的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('');
                        });
          });

这只是一个参考，您可以根据您的需求进行修改和创建

我的建议:

  1. 取消按钮一开始是隐藏的

  2. 点击"登录"按钮后，发送登录请求，隐藏或禁用"登录"按钮，显示"取消"按钮。然后为正常登录过程设置默认处理程序:

    $.post('login', params, function(){handler.loginCallback()});

  3. 当点击"取消"按钮时，将处理程序替换为另一个过程:

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

    如果登录失败，什么都不做;如果登录成功，再次发送注销请求。

相关文章：