CODEWITHSUNDEEP
asp.net-mvcasp.net-mvc-4mvc-editor-templateseditortemplates
pinguinone
pinguinone

Reputation: 473

MVC Template editors and post

I'm at a beginner with ASP.NET MVC 4 and I have a problem. Basically I have this controller:

public ViewResult Login()
{
    return View(new LoginViewModel());
}

[HttpPost]
public ActionResult Login(LoginViewModel model)
{
    if (ModelState.IsValid)
    {
        if (authProvider.Authenticate(model.LoginUserName, model.LoginPassword))
        {
            return Redirect(Url.Action("Index", "Home"));
        }
        TempData["message"] = "Nome utente e/o password errati!!!";
        return View();
    }
    return View();
}

That implements a simple login view. I created also a ViewModel:

public class LoginViewModel
{
    [Required(ErrorMessage = "Il nome utente è obbligatorio")]
    [UIHint("TextBoxLogin")]
    public string LoginUserName { get; set; }

    [Required]
    public string LoginPassword { get; set; }
}

Finally I created the EditorTemplate:

@model string

<input name="@ViewData.TemplateInfo.HtmlFieldPrefix" id="@ViewData.TemplateInfo.HtmlFieldPrefix"data-validation="required" data-validation-error-msg="@ViewData["HelpMessage"]" value="@Model" />

So far so good. The problem is in the view. If I put this in the view:

@using(Html.BeginForm()) { 
    @Html.ValidationSummary(true) 
    @Html.EditorForModel() 
    <p><input type="submit" value="Log in" /></p> 
}

It works like a charm (but it puts a lot of not wanted html into the page), in fact, when I click on the submit button it goes to the POST actionResult of the controller. If I put this:

@using (Html.BeginForm("Login","Account",FormMethod.Post))
{
    <p class="username">
        <label for="UserName">Nome utente</label>
        @Html.EditorFor(m => m.LoginUserName, new { HelpMessage = "Il nome utente è obbligatorio!!!" });
    </p>
    <p class="password">
        <label for="Password">Password</label>
        @Html.EditorFor(m => m.LoginPassword)
    </p>
    <p>
        <input type="submit" value="Log in" />
    </p>
}

It does not go on the post actionresult but always on the Get one. I want to put this type of code (the last one) in wich I can setup exactly the html but I want that it goes on the POST Actionresult, can someone help me to understand why?

-----------------update---------------- Here is the HTML generated:

<!doctype html>
<html lang="it">
<head>
<meta charset="utf-8">
<title>Title</title>
<meta name="robots" content="noindex,nofollow" />
<link href="/static/css/login.css" rel="stylesheet" type="text/css" />
<link href="/static/css/jquery_ui.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 9]><link href="/static/css/lt_ie9.css" rel="stylesheet" type="text/css" /><![endif]-->
<script src="/static/js/jquery_1_10_2.js"></script>
<script src="/static/js/jquery_ui.js"></script>
<script src="/static/js/jquery_ui_function.js"></script>
</head>
<body>
<form>

<div id="top">
    <div class="wrapped">
        <div id="logo">TITLE</div>
    </div>
</div>
    <div id="content" class="user_student">
        <div class="wrapped">
            <div class="login_intro">
                <h2>TEST</h2>
            </div>
            <div class="login_input">
                <p id="error_messages"></p>
                <h2>THIS ONE MAKES GET REQUEST</h2>
<form action="/Account/Login" method="post">                        <p class="username"><label for="UserName">Nome utente</label>
                            <!--<input id="UserName" name="UserName" type="text"/>-->
                            <input name="LoginUserName" id="LoginUserName"data-validation="required" data-validation-error-msg="Il nome utente &#232; obbligatorio!!!" />;
                        </p>
                        <p class="password"><label for="LoginPassword">Password</label>
                            <input class="text-box single-line" data-val="true" data-val-required="Il campo LoginPassword è obbligatorio." id="LoginPassword" name="LoginPassword" type="text" value="" />
                        </p>
                        <p><input type="submit" value="Log in" /></p>
</form>                <p class="hidden">old</p>
            </div>
            <div class="login_footer">
                <p>FOOTER</p>
            </div>
        </div>  
    </div>
    <h2>THIS ONE MAKE POST REQUEST</h2>
<form action="/Account/Login?ReturnUrl=%2f" method="post"><div class="editor-label"><label for="LoginUserName">LoginUserName</label></div>
<div class="editor-field"><input name="LoginUserName" id="LoginUserName"data-validation="required" data-validation-error-msg="" /> <span class="field-validation-valid" data-valmsg-for="LoginUserName" data-valmsg-replace="true"></span></div>
<div class="editor-label"><label for="LoginPassword">LoginPassword</label></div>
<div class="editor-field"><input class="text-box single-line" data-val="true" data-val-required="Il campo LoginPassword è obbligatorio." id="LoginPassword" name="LoginPassword" type="text" value="" /> <span class="field-validation-valid" data-valmsg-for="LoginPassword" data-valmsg-replace="true"></span></div>
    <p><input type="submit" value="Log in" /></p> 
</form><script src="/static/form-validator/jquery.form-validator.min.js"></script>
<script src="/static/js/jquery_form_validator_function.js"></script>

</form>
</body>
</html>

Upvotes: 0

Views: 279

Answers (1)

pinguinone
pinguinone

Reputation: 473

Finally I figured out what is the problem...and of course it is the most stupid thing in the world. In the rended code there is a open just after the body and, inside it, the form that MVC put from razor view. Thanks for everyone for the help paricularly to @DavidG

Upvotes: 0

Related Questions