jquery getting post action url

Question

I'm trying to access the post target action in a jquery function.

example:

<form action="/page/users" id="signup" method="post">

I'd like to access the "action" part - "/page/users" in this case.

$('#signup').live("submit", function(event) {
    // get this submitted action
}

Seems like I'm missing something very simple. I see the value in the dom but don't know where it's stored in jquery.

Thanks!

Cameron · Accepted Answer · 2017-02-09 13:36:18Z

131

$('#signup').on("submit", function(event) {
    $form = $(this); //wrap this in jQuery

    alert('the action is: ' + $form.attr('action'));
});

edited Feb 9, 2017 at 13:36

Cameron

3,1081 gold badge24 silver badges40 bronze badges

answered Mar 31, 2010 at 5:18

Amy B

18k12 gold badges66 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Mohd Abdul Mujib Over a year ago

isn't the second line unnecessary, couldnt the third line be like alert('the action is: ' + $(this).attr('action'));

Kennyomar Over a year ago

True @9kSoft, but we get the idea :)

vegemite4me Over a year ago

FYI: live() was deprecated in 1.7 and removed in 1.9. Devs should now use on() instead.

keoghpe Over a year ago

This doesn't appear to work when a form has multiple submit buttons with different actions.

zdarsky.peter Over a year ago

Sorry, but this will not work if you will be using formaction attribute w3schools.com/tags/att_button_formaction.asp

Vikram Biwal · Accepted Answer · 2016-08-27 05:36:05Z

18

Try this ocde;;

var formAction = $("#signup").attr('action');

answered Aug 27, 2016 at 5:36

Vikram Biwal

2,8361 gold badge30 silver badges39 bronze badges

Comments

fbarikzehy · Accepted Answer · 2017-09-14 20:50:46Z

11

Clean and Simple:

$('#signup').submit(function(event) {

      alert(this.action);
});

answered Sep 14, 2017 at 20:50

fbarikzehy

5,5252 gold badges38 silver badges41 bronze badges

2 Comments

Han Over a year ago

Don't rely on this attribute since it may return the list of subnodes having name action.

fbarikzehy Over a year ago

First,the only use of action attribute is inside a html form tag.Second, nested forms are not best practice or good idea to have an clean optimized Html DOM.

Collectives™ on Stack Overflow

jquery getting post action url

3 Answers 3

5 Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related