JavaScript work before submitting ASP.NET MVC form

Question

I have an ASP.NET MVC view with a Beginform, that specifies an action and controller to hit on submit. But on submit I want to call a service using jQuery to get some data and then submit those data with the form.

Currently I have a submit button on the form where the onclick event of the button calls the JavaScript method. Depending of what result I get from the method I want the form to be submitted to the specified action.

Now I can't get this to work. Is it the right way to do this or should I instead make a post using jQuery? I think it would be nice to use what I have already specified as action/controller in the form.

score 14 · Answer 1 · answered Oct 13 '10 at 21:53

14

I think the best way is to use event 'submit' on form, because users can want to submit form by pressing Enter in some fields. Guess, it is possible to change some input values during this event,

jQuery('form#myform').submit(function(e){
   //....
   if (somevar == false)
   {
      // stop submitting form
      e.preventDefault();
   }
   else
   {
      jQuery('input#hiddeninput').val('somevalue');
   }
})

answered Oct 13 '10 at 21:53

Aliaksei Shytkin

405
3
8

great answer, but not exactly what I want to do. I want to start a ajax request for some data, and only on respons submit/redirect the form. Using the example above would result in the request not completing before the form is submitted. – Rasmus Christensen Oct 16 '10 at 22:53

score 4 · Accepted Answer · answered Dec 19 '18 at 06:33

4

The solution is add on submit event to form tag

onsubmit="return onSubmitClick(this);"
 function onSubmitClick(item) {

    console.log(item);

    return false;
}

it's work well. GL ! HF !

answered Dec 19 '18 at 06:33

インコグニトアレクセイ

118
2
9

score 0 · Answer 3 · answered Oct 14 '10 at 06:27

I think it would be better to perform the task of querying an external web service in a controller action. This way you would always submit the form to the same controller action which will query the service and based on the results would either render a view or redirect to some other action.

JavaScript work before submitting ASP.NET MVC form

3 Answers3

Linked