单击按钮时取消表单提交

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

请让我知道如何做到这一点。我知道可以有一个JS功能，但我没有遇到任何问题。提前感谢！

来源

2011-11-14 Ashwin

这取决于如何等待发生，如果延迟在请求中已经发送到服务器并等待处理，那么我认为这是不可能的。 –

你在做什么，需要8-10秒？这听起来不像一个正常的登录过程。在提交数据之前是否有客户端等待？ –

你试过：

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

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

来源

2011-11-14 07:49:46

它的工作..谢谢 – Ashwin

没问题.. !!! –

当用户发送登录请求时，请求和身份验证必须由一些像php这样的服务器端脚本来处理。因此，将取消按钮上的链接添加到另一个服务器端脚本。这个脚本应该尝试注销用户。如果他已经登录，他将注销，因此取消工作。在其他情况下，如果他没有发生任何事情，剧本就什么也不做。

来源

2011-11-14 07:45:19

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

         }); 
      });

这是只是一个参考，你可以修改，并与您的需求创建相应

来源

2011-11-14 07:51:42 run

这就是重置按钮的功能。我们不需要为此编写任何JavaScript。 – Ashwin

我的建议：

“取消”按钮，在第一隐藏。
点击“登录”按钮后，发送登录请求，隐藏或禁用“登录”按钮，并显示“canccel”按钮。然后设置为正常登录程序的默认处理程序：

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

如果登录失败，什么都不做：

$.post('login', params, function(){handler.loginCallback()});
当“取消”按钮被点击，另一个程序更换处理器;如果登录成功，请发送另一个注销请求。

来源

2011-11-14 08:00:06 JSPDeveloper01

单击按钮时取消表单提交

回答

相关问题