如何判断是否提交了HTTP表单？

Question

让我们使用一个简单的小请愿书表格，旨在无害地收集数十亿个密码：

<form action="/Petition/Sign" method="post">
    <input class="form-control password" id="Password" name="Password" type="password">
    <button type="submit" class="btn loginBtn">Sign</button>
</form>

我想在这个视图中用JavaScript代码发出信号(尽可能的角度)，当一个成功的帖子因任何原因而发生时，最明显的是被点击的“标志”按钮，但这甚至只是我想要捕捉的事件的开始。

我能想到的最简单的方法是在按钮的ngClick事件上创建和清除一个隐藏的输入，然后轮询一个固定的超时，直到输入的值是POST请求中总是期望返回的常量。

注意:这是这样一大群表单的一个很小的例子，然后所有使用带有信号完成的Ajax调用的转换都只是在可行的非常遥远的方面，而不是期望的。与我所问过的其他类似问题不同，我没有兴趣直接衡量通话的成功与否。

Answer 1

纯javascript方式的-

var ele = [Your Form Element];
if(ele.addEventListener){
    ele.addEventListener("submit", callback, false);  //Modern browsers
}else if(ele.attachEvent){
    ele.attachEvent('onsubmit', callback);            //Old IE
}

JQuery-中的

  $(element).submit(function(){
      console.log('submitted);
});

和AngularJs-

为此目的有ng-submit指令.https://docs.angularjs.org/api/ng/directive/ngSubmit

<form ng-submit="callback()">

在控制器中

$scope.callback = function(){ /*...*/ };

也在这里读一读- How can I listen to the form submit event in javascript?