Skip to main content
7 de 7
corregido titulo
devconcept
  • 12.8k
  • 3
  • 42
  • 57

¿Cómo deshabilitar controles en MVC al hacer submit?

Hice un Login en MVC el cual verifica en una base de datos las credenciales del usuario. Todo es del lado del servidor, pero me gustaría que al momento de hacer clic en el botón que envía la información al Controller correspondiente las dos cajas de texto y el botón se deshabilitarán para evitar que se edite la información del usuario o se haga dos veces click sobre el botón.

    [HttpPost]
    public ActionResult SignIn(LoginModels modelo)
    {
        ValidaLogin objetoLogin = new ValidaLogin(modelo.RFC, modelo.Contrasea);
        if (objetoLogin.Login())
        {
            Sesion objetoSesion = new Sesion(modelo.Correo);
            objetoSesion.IniciarSesion();                
            
            //Aquí es donde se redirecciona hacia el 2do Controller
            //una vez que las credenciales son válidas.
            return RedirectToAction("VistaCargarArchivos", "CargarArchivos", new
            {                       
                correo = modelo.Correo
            });
        }
        else
        {
            ViewBag.MensajeLoginFallido = "Contraseña errónea, por favor rectifique.";
            return View();
        }
    }
}

El código razor es:

@model CFD_FNE.Models.LoginModels
@{
    ViewBag.Title = "Sign In";
}
<br />
<br />
<h2>Sign In</h2>

@using (Html.BeginForm()) 
{
    @Html.AntiForgeryToken()
    <section>
    <div class="form-horizontal">
        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="form-group">
            @Html.LabelFor(model => model.Correo, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Correo, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Correo, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.RFC, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.RFC, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.RFC, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Contrasea, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Contrasea, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Contrasea, "", new { @class = "text-danger" })
                <span class = "text-danger">
                    @ViewBag.MensajeLoginFallido
                </span>                    
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" id="btnLogin" value="Aceptar" class="btn btn-default" />
            </div>
        </div>
    </div>
</section>
}

@Scripts.Render("~/bundles/jquery-1.12.3.min")
@Scripts.Render("~/bundles/jquery.validate.min")
@Scripts.Render("~/bundles/jquery.validate.unobtrusive.min")
@Scripts.Render("~/bundles/JSFunciones")
Arthur
  • 43
  • 1
  • 7