获取提交表单的操作

Question

I have the following code which is triggered every time a user submits a form on my site.

I want to modify it slightly, so that it checks the action of the submission, and based on the presence of a particular keyword, runs some code.

My code is as follows:

$("form").submit(function() {
    //do some generic stuff
    var formAction = ""; //get the action of the submitted form

    if (formAction.indexOf('keyword') !== -1) {
        //do some specific stuff for these forms
    }
});         

How do I get the action of the form which triggered this call?

Answer 1

$("form").submit(function() {
    //some stuff...

    //get form action:
    var formAction = $(this).attr("action");

    //some other stuff...
});   

Answer 2

if you need Javascript without jQuery:

var action=document.getElementById('formId').action

with jQuery:

var action=$('#formId').attr('action');

Answer 3

In JavaScript, you can use getAttribute method:

var form = document.getElementById('register_form');
var action = form.getAttribute("action")

Note: form.getAttribute("action") is safer than using form.action. Because if you have an input field named "action" within a form, then the browser can return that particular node instead of returning action URL of the form.

Answer 4

您可以通过这种方式获得动作属性 -

var formAction = $(this).attr("action");

Answer 5

In "vanilla" JS you have the Element.getAttribute()
Or (if needed) you could use the this.action . See below the slight difference

 document.querySelector("form").addEventListener("submit", function(e) { e.preventDefault(); // Prevents form from submitting console.log( this.getAttribute("action") ); // "test.php" console.log( this.action ); // <address>/test.php // this.submit(); // Submit afterwards or use AJAX to construct your request });

 <form action="test.php"> <input type="submit"> </form>

Answer 6

As michael-theriot already mentioned, most of the examples here ignore the fact that the submit element on the form could have a formaction of its own.

Following code takes this into account, while also working when there is only an action on the form itself too:

document.querySelector('form').addEventListener('submit', function(e) {
  e.preventDefault()
  console.log(e.submitter.formAction) // <address>/test.php
  
  // ...
})