When I press submit button there is no postback

Question

I am new to MVC and I am stuck in creating a submit form.

Model Email.cs:

 using System.Web;

 namespace MySite.Models
 {
    public class Email
    {
       public string From { get; set; }
       public string Subject { get; set; }
       public string body { get; set; }
    }
 }

Controller CommunicationController.cs:

namespace MySite.Controllers
{
    public class CommunicationController : Controller
     { 
        public ActionResult SendEmail() {

        Email email = new Email();
        return View(email);
     }

      [HttpPost]
      public ActionResult SendEmail(Email email)
       {
          if (ModelState.IsValid)
           { 

            }

            return View(email);
        }
    }
}

View SendEmail.cshtml:

@model MySite.Models.Email

@{
   ViewBag.Title = "SendEmail";
 }

<h2>@Html.Label("Send email")</h2>

@using(Html.BeginForm())
 {
   @Html.AntiForgeryToken()
   @Html.ValidationSummary(true)    
   <div class="editor-label">
       @Html.Label("From")
   </div>
   <div class="editor-field">
      @Html.EditorFor(model => model.From)

  </div>  <div class="editor-label">
    @Html.Label("Subject")
</div>
<div class="editor-field">
    @Html.EditorFor(model => model.Subject)

  </div>   <div class="editor-label">
      @Html.Label("Body")
   </div>
  <div class="editor-field">
      @Html.EditorFor(model => model.body)

   </div>

   <input id="btnSubmit" type="submit" value="SendEmail" />
}

When I press submit, the event never gets fired. In the controller if I press 'go to view' then it goes to SendEmail view. I have no idea whats happenning. I tried to debug but the [HttpPost] controller never gets fired.

Here is what I get from browser, I don't see action

<form method="post" action="/" novalidate="novalidate">
    <input type="hidden" value="ZktM_I7fzdlcNme4YVEcNNpnFFmQu1cpAuTXarO_V4w-7bPmpHkaLRfNY3cXGMYy7wkRgSJWW‌SkS8lp5vdRimFrNCgqk0Jfdr4v7Zc3V2pg1" name="__RequestVerificationToken">
    <div class="editor-label">
        <div class="editor-field">
            <input id="From" class="text-box single-line" type="text" value="" name="From">
        </div>
        <div class="editor-label">
            <div class="editor-field">
                <div class="editor-label">
                    <div class="editor-field">
                        <input id="btnSubmit" type="submit" value="SendEmail">
</form>

Do you have any javascript that might be doing something? A form not submitting is not an MVC problem.. it is a markup/javascript/browser problem. — Simon Whitehead, Sep 25 '13 at 03:59
Is an HTTP request being sent when you press submit? Use your browser developer tools to find out what's happening. — Rowan Freeman, Sep 25 '13 at 04:09
@LakpaSherpa Don't add code blobs like that into comments; they're not built to display that much code properly. I moved it into your question, which you can do by using the Edit link. — Tieson T., Sep 25 '13 at 04:23
@Simon: Yaah it was my Javascript that was creating an error. I removed the Javascript I wrote and now its working fine. — Lakpa Sherpa, Sep 25 '13 at 13:10

Bhupendra Shukla · Answer 1 · 2013-09-25T04:23:14.077

0

Try this,

 @using (Html.BeginForm("ActionName", "ControllerName",
                    FormMethod.Post))
        {
           //form UI

           <input id="btnSubmit" type="submit" value="SendEmail" />
        }

Edit

You can also try this:

<a onclick="$('#formId').submit();">Submit</a>
or
<button type="submit">Submit</button>

edited Sep 25 '13 at 04:23

answered Sep 25 '13 at 04:08

Bhupendra Shukla

3,814
6
39
62

Changed to @using (Html.BeginForm("SendEmail", "Communication", FormMethod.Post)), but still its not firing the event. – Lakpa Sherpa Sep 25 '13 at 04:14
Place the submit button inside the form. – Bhupendra Shukla Sep 25 '13 at 04:15
see this http://stackoverflow.com/questions/18174235/submit-button-not-working-as-expected?rq=1 – Bhupendra Shukla Sep 25 '13 at 04:25

score 0 · Answer 2 · answered Sep 25 '13 at 04:35

I rarely use the basic helper, so I could be wrong, but I believe the default method you get from

Html.BeginForm()

is a GET. So, you probably want to use

Html.BeginForm("SendEmail", "Communication", FormMethod.Post, new { /* html attributes */ })

Then, to test whether you're actually hitting the controller, add this inside the action:

ModelState.AddModelError("", "Action was called!");

That will show up as an error in your ValidationSummary, which is okay, since we're just debugging here.

The default method from the helper is POST. – Rowan Freeman Sep 25 '13 at 11:10 — Rowan Freeman, Sep 25 '13 at 11:10

score 0 · Answer 3 · answered Oct 21 '13 at 11:36

I'm a little late to the party...

Try replacing:

<input id="btnSubmit" type="submit" value="SendEmail" />

With:

<button id="btnSubmit" type="submit" name="submitButton value="SendEmail" />

Let us know if this works, or if you found another solution! :)

When I press submit button there is no postback

3 Answers3

Edit