CODEWITHSUNDEEP
javascripthtmlasp.net-mvc
Rasmus Christensen
Rasmus Christensen

Reputation: 8531

JavaScript work before submitting ASP.NET MVC form

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.

Upvotes: 9

Views: 19478

Answers (3)

Alex Ink
Alex Ink

Reputation: 116

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 !

Upvotes: 4

Darin Dimitrov
Darin Dimitrov

Reputation: 1038770

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.

Upvotes: 0

Aliaksei Shytkin
Aliaksei Shytkin

Reputation: 415

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');
   }
})

Upvotes: 14

Related Questions