Home / Questions / 317311
Accepted
Fran
Asked: 2020-12-20 06:06:17 +0800 CST 2020-12-20 06:06:17 +0800 CST

Problem calling javascript function from form Ajax.BeginForm() in ASP.NET MVC

  • 772

I have a registration form that works, that when executed successfully calls Limpiarthat makes the form blank, but if I put the the OnBeginform stops working completely

@using (Ajax.BeginForm("Registrar", "", new AjaxOptions
            {
                HttpMethod = "POST",              
                //OnBegin = "Iniciar",
                OnSuccess = "Limpiar",  
                UpdateTargetId = "div_tabla_sucursal",
                InsertionMode = InsertionMode.Replace
            }

In a script I have the following:

function Iniciar () {
    // Deshabilitamos el botón de Submit
    $("#btn_registrar").prop("disabled", true);
};

var Limpiar = function () {
    // Limpia el formulario
    $("#Frm_Registro").trigger("reset");
    // Habilitamos el botón de Submit
    $("#btn_registrar").prop("disabled", false);
    // Mostramos un mensaje de éxito.
    $("#ExitoAlert").show("slow").delay(2000).hide("slow");
};

the first time it was executed correctly and if it did not make any modifications it stopped executing, when I remove it onBeginfrom the form onSuccessit executes without problems, but when I place it it stops working completely.

ajax

1 Answers

  1. Best Answer

    Two things:

    First : You are not indicating in Ajax.BeginFormthe Controller to which the submit of the form should be directed

    Ajax.BeginForm("Registrar", "aqui_el_controlador", new AjaxOptions .... )

    Second : You are misdefining the function Iniciar()that is called in the OnBeginAJAX call.

    Define it the same way you defined the Limpiardel function OnSuccess, and it should work for you.

    The code would be the following:

    var Iniciar = function () {
   // Deshabilitamos el botón de Submit
   $("#btn_registrar").prop("disabled", true);
};

var Limpiar = function () {
    // Limpia el formulario
    $("#Frm_Registro").trigger("reset");
    // Habilitamos el botón de Submit
    $("#btn_registrar").prop("disabled", false);
    // Mostramos un mensaje de éxito.
   $("#ExitoAlert").show("slow").delay(2000).hide("slow");
};

    PS: I recommend you read this article AJAX Web Forms in ASP.NET MVC 5 - Ajax Helpers , where you can see how to develop AJAX Web Forms in ASP.NET MVC with the Ajax Helper @Ajax.BeginForm() .

    • 4