表格被张贴两次

Question

For Some Reason My Form is being posted twice.

// POST: MISObjects/Create
// To protect from overposting attacks, enable the specific properties you want to bind to, for 
// more details, see http://go.microsoft.com/fwlink/?LinkId=317598.
[HttpPost]
 public async Task<IActionResult> Create([Bind("Id,Title,Subject,IncidentDate,DateRiased,Priroty,Category,Type,OMC_1,OMC_2,LastUpdatedBy,Description")] MISObject mISObject)
 {
        if (ModelState.IsValid) {
            _context.Add(mISObject);
            await _context.SaveChangesAsync();
            return RedirectToAction("Index");
        } else {
            var test = Json(new {
                status = "failure",
                formErrors = ModelState.Select(kvp => new { key = kvp.Key, errors = kvp.Value.Errors.Select(e => e.ErrorMessage) })
});  
           
}

}

My Form

 @using (Html.BeginForm("Create", "MISObjects", FormMethod.Post, new { @id = "myForm", @name = "myForm", enctype = "multipart/form-data" })) {      
  <div asp-validation-summary="All" class="text-danger"></div>

   @Html.HiddenFor(m => m.Id)
   @Html.TextBoxFor(model => model.Title, new { @class = "form-control", @placeholder = "Title" })
   @Html.ValidationMessageFor(m => m.Title, string.Empty, new { @style = "color:red;" })
   @Html.TextBoxFor(model => model.Subject, new { @class = "form-control", @placeholder = "Subject" })
   @Html.ValidationMessageFor(m => m.Subject, string.Empty, new { @style = "color:red;" })

   @Html.EditorFor(model => model.IncidentDated, new { htmlAttributes = new { @class = "form-control datetimepicker" } })
   @Html.ValidationMessageFor(model => model.IncidentDated)                      
   @Html.LabelFor(model => model.DateReported)
   @Html.EditorFor(model => model.DateReported, new { htmlAttributes = new { @class = "form-control datetimepicker" } })
   @Html.ValidationMessageFor(model => model.DateReported)
   <span asp-validation-for="Title" class="text-danger"></span>
   <input name="IsValid" type="hidden" value="@ViewData.ModelState.IsValid.ToString()" />
   <span asp-validation-for="Title" class="text-danger"></span>
   <div class="modal-footer">
   <button type="submit" id="AjaxPost" class="btn btn-primary">Save</button>
   <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  </div>

}

My Submit Ajax

 <script type="text/javascript"> $(function () { $.validator.unobtrusive.parse('#myForm'); //Submit button var submitButton = $("#AjaxPost"); var infoForm = $("#myForm"); submitButton.click(function () { SubmitInfo(infoForm); }); }); function SubmitInfo(formContainer) { $.ajax({ url: "@Url.Action("Create", "MISObjects")", type: 'post', data: formContainer.serialize() }); } </script>

Answer 1

The reason was because I changed to begin form method for doing my ajax it was executing the post twice once I removed the below it was fine only one record was produced.

<script type="text/javascript">
    $(function () {
        $.validator.unobtrusive.parse('#myForm');
        //Submit button
        var submitButton = $("#AjaxPost");
        var infoForm = $("#myForm");
        submitButton.click(function () {
            SubmitInfo(infoForm);
        });
    });

    function SubmitInfo(formContainer) {
        $.ajax({
            url: "@Url.Action("Create", "MISObjects")",
            type: 'post',
            data: formContainer.serialize()
        });
    }
</script>