How to submit a form using jQuery in ASP.NET MVC 2?

Question

I want to submit a form like this:

<input type="button" onclick="$('#form1').submit();" value="Create" />

In which way does it not work? Have you tried using AJAX instead? What exactly do you try to accomplish with the line above? jQuery's .submit() will NOT submit the form data. Also, you should register a callback to see the result. What version of jQuery are you using? — mnemosyn
– mnemosyn, Commented Mar 6, 2010 at 8:16
Perhaps you could explain why you are using jQuery for this at all? Why don't you use a simple submit button? You can still register callbacks using ajaxForm. — mnemosyn
– mnemosyn, Commented Mar 6, 2010 at 9:33
The client validation doesn't work. My page is a little complex, contains several forms. And our client demand the submit button should place at the bottom of page. So I have to do like before, a submit button outside it's form. — ldp615
– ldp615, Commented Mar 6, 2010 at 10:03

Darin Dimitrov · Accepted Answer · 2010-03-06 08:48:10Z

1

You could try simulating a click on the actual submit button:

<input type="button" onclick="$('#form1 input:submit').click();" value="Create" />

answered Mar 6, 2010 at 8:48

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

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

2 Comments

This way is good! Thanks! But I have to put a hidden submit button in my form. I wait to see if there is a better way.

It is semantically more correct to submit forms with submit or image buttons.