CODEWITHSUNDEEP
jqueryformsasp.net-mvc-2
Dejan.S
Dejan.S

Reputation: 19138

Get a form action/url with jquery

How do I get the action url from a form with jquery?

Upvotes: 62

Views: 121027

Answers (4)

JAAulde
JAAulde

Reputation: 19560

Get the form, ask for the action attribute:

$('#myForm').attr('action');

Upvotes: 139

fbarikzehy
fbarikzehy

Reputation: 5405

Try this one:

var formAction = $('#form')[0].action;

Or on form sumit:

 $("#form").submit(function (event) {
    event.preventDefault();
    var frmAction=this.action;
});

Upvotes: 4

elbowlobstercowstand
elbowlobstercowstand

Reputation: 3951

Need the full action url instead of just the basename?

Generally it's better to use prop() instead of attr() when grabbing these sorts of values. (This prop() vs attr() stackoverflow post explains why.)

However, in this instance, @JAAulde answer is exactly what I needed, but not might be what you need. You might want the full action url.

Consider this html form start tag:

<form action="handler.php" method="post" id="myForm">

attr() returns the exact action value:

$('#myForm').attr('action'); 
// returns 'handler.php'

prop() returns the full action url:

$('#myForm').prop('action');
// returns 'http://www.example.com/handler.php'

Check out the cool ascii table in this stackoverflow post to learn more.

Upvotes: 38

Owen
Owen

Reputation: 640

To use the action attribute of a form use:

$( '#myForm' ).attr( 'action' );

like @JAAulde said.

To use an entered value from a form use:

$('#myInput').val();

Upvotes: 3

Related Questions