使用onclick javascript函数进行验证时，Asp.Net MVC提交按钮未将值发布到Controller中的方法中

Question

When I am saving my data for the first time (when clicked on save button of my view) then I am getting value of submitButton variable in my controller action. But when I am editing my view and then click on save then I am getting null value in submitButton variable in my controller action.

My View Model

public class TermiViewModel : ViewModelBase
{
  public long Id { get; set; }
  public string Name { get; set; }
}

My View

@model TermiViewModel

@using (Html.BeginForm("MyActionMethod", "MyController", FormMethod.Post))
{
  @Html.HiddenFor(model => model.Id)

  <div>
    @Html.LabelFor(model => model.Name)
    @Html.EditorFor(model => model.Name)
  </div>

  <button name="submitButton" value="Save" type="submit" 
    onclick="return JavaScriptFunction();">Save</button> 

  <button name="submitButton" value="Cancel" type="submit" 
    onclick="return JavaScriptFunction();">Cancel</button> 
}

Below is the Javascript I am using in my view.

<script language="javascript" type="text/javascript">
  function JavaScriptFunction() {
    return true;
  }
</script>

Below is my Controller class.

public class MyController : CoreMvcController
{
  private readonly ITermiRepositoryService _termiRepository;
  public MyController(ITermiRepositoryService termiRepository)
  {
    _termiRepository = termiRepository;
  }
}

Below is my action Method where I am getting values from my view.

[HttpPost]
public ActionResult MyActionMethod(TermiViewModel termiViewModel, string submitButton)
{
  try
  {
    voucherViewModel =_termiRepository.Save(termiViewModel);
    switch (submitButton)
    {
      case "Cancel":
        return RedirectToAction("Edit",termiViewModel.Id);
      default:
        return RedirectToAction("Index");
    }
  }
  catch (Exception exception)
  {
  }
  return RedirectToAction("Index");
}

In my above Controller method I get the null value for my submitButton variable while editing my view. I don't understand why I am getting null value because while creating for the first time, I am getting values of submitButton from the submit button.

Thanks for any help!

Answer 1

For the solution, I need to change following classes:

My View Model:

// A new property "SaveButtonValue" added to my view model.

public class TermiViewModel : ViewModelBase
{    

  public long Id { get; set; }

  public string Name { get; set; }

  public string SaveButtonValue { get; set; }

}

My View:

// Added a hidden field for "SaveButtonValue" and passing this keyword in
// Javascript function for onclick of submit button.

@model TermiViewModel

@using (Html.BeginForm("MyActionMethod", "MyController", FormMethod.Post))  
{

  @Html.HiddenFor(model => model.Id)

  @Html.HiddenFor(model => model.SaveButtonValue)

  <div>

    @Html.LabelFor(model => model.Name)

    @Html.EditorFor(model => model.Name)

  </div>


  <button name="submitButton" value="Save" type="submit" 
   onclick="return JavaScriptFunction(this);">Save</button> 

  <button name="submitButton" value="Cancel" type="submit" 
   onclick="return JavaScriptFunction(this);">Cancel</button> 
}

Javascript:

// Populating my property "SaveButtonValue" through javascript

<script language="javascript" type="text/javascript">

  function JavaScriptFunction(submitButton)
  {

      if (objButton) {
          $('#SaveButtonValue').val(submitButton.value);
      }

      return true;
  }
</script>

My action method:

[HttpPost]

public ActionResult MyActionMethod(TermiViewModel termiViewModel)
{

  try
  {
    voucherViewModel =_termiRepository.Save(termiViewModel);

    switch (termiViewModel.SaveButtonValue)
    {
      case "Cancel":
        return RedirectToAction("Edit",termiViewModel.Id);

      default:
        return RedirectToAction("Index");

    }

  }

  catch (Exception exception)
  {

  }

  return RedirectToAction("Index");

}