Ajax.BeginForm ne fonctionne pas en chrome MVC 5

Question

J'essaie actuellement de mettre en œuvre une forme Ajax dans MVC 5.

@using (Ajax.BeginForm("Requirement", "Purchase", null, new AjaxOptions { OnSuccess = "redirectionClick", OnFailure = "Retry", HttpMethod = "POST" }, new { id = "RequirementForm", autocomplete = "off" })) 
{ 
    //Various input fields 
    @Html.AntiForgeryToken() 
    <input type="submit" value="Submit" class="btn btn-primary EqualSized" id="SubmitBtn" style="width:30%"> 
    <input type="button" value="Reset" id="Reset" class="btn btn-primary EqualSized" style="width:30%"> 
} 

Les fonctions sous balise script:

function CloseModals() { 
    $('.modal').modal('hide'); 
    $('body').removeClass('modal-open'); 
    $('div.modal-backdrop').remove(); 
} 

function redirectionClick() { 
    CloseModals(); 
    bootbox.alert("Saved Successfully!"); 
    $.ajax({ 
     url: "@Url.Action("Requirement", "Purchase")", 
     async: false, 
     success: function (result) { 
      $('#PageData').html(result); 
     } 
    }) 
} 

function Retry() { 
    alert('Unknown Error, Please try submitting the form again!'); 
    $('#SubmitBtn').attr('disabled', false); 
} 

$('#SubmitBtn').click(function() { 
    if ($('#RequirementForm').valid()) 
     $(this).attr('disabled', true); 
}); 

Et mon contrôleur:

[HttpPost] 
[ValidateAntiForgeryToken] 
public void Requirement(Requirement Details) 
{ 
    //Logic 
} 

Le code ci-dessus fonctionne dans FireFox et IE, mais pas dans Chrome. Y a-t-il quelque chose qui me manque?

Answer 1

Si un bouton de soumission est désactivé, je ne pense pas qu'il puisse soumettre un formulaire, votre gestionnaire de clic déclenche avant votre gestionnaire de soumission.

essayez de changer votre gestionnaire de clic à ce

$('#SubmitBtn').click(function() { 
    if ($('#RequirementForm').valid()) 
     $(this).prop('disabled', true).closest('form').submit(); 
}); 

L'autre façon est de handler la soumettre sur le formulaire à la place, et désactiver le bouton là-dedans si le formulaire est valide. vous pouvez utiliser l'événement onbegin ou submit pour cela