web-dev-qa-db-fra.com

asp.net MVC 4 messages multiples via différents formulaires

Maintenant je comprends 

if (IsPost){   //do stuff }

vérifie toutes les méthodes de publication sur cette page. Cependant, j'ai 2 formulaires différents affichant 2 informations différentes. Ce sont un formulaire de connexion et un formulaire de registre.

Existe-t-il un moyen de vérifier IsPost sur quel formulaire? Par exemple,

if(Login.IsPost){ //do stuff }

mais comment définirais-je la variable Login? Ma forme ressemble à:

<form id="Login" method = "POST">

J'ai essayé:

var Login = Form.["Login"]

cela n'a pas fonctionné.

Je vais apprécier toute aide.

Merci.

c#asp.net-mvcformshttp-post
24
Davidred15

Dans une vue MVC, vous pouvez avoir autant de formulaires avec autant de champs que nécessaire. Pour rester simple, utilisez un modèle de vue unique avec toutes les propriétés nécessaires sur la page pour chaque formulaire. N'oubliez pas que vous n'aurez accès qu'aux données du champ de formulaire à partir du formulaire que vous avez soumis. Donc, si vous avez un formulaire de connexion et un formulaire d'inscription sur la même page, procédez comme suit:

LoginRegisterViewModel.cs

public class LoginRegisterViewModel {
    public string LoginUsername { get; set; }
    public string LoginPassword { get; set; }

    public string RegisterUsername { get; set; }
    public string RegisterPassword { get; set; }
    public string RegisterFirstName { get; set; }
    public string RegisterLastName { get; set; }
}

VotreNomVue.cshtml

@model LoginRegisterViewModel

@using (Html.BeginForm("Login", "Member", FormMethod.Post, new {})) {

    @Html.LabelFor(m => m.LoginUsername)
    @Html.TextBoxFor(m => m.LoginUsername)

    @Html.LabelFor(m => m.LoginPassword)
    @Html.TextBoxFor(m => m.LoginPassword)

    <input type='Submit' value='Login' />

}

@using (Html.BeginForm("Register", "Member", FormMethod.Post, new {})) {

    @Html.LabelFor(m => m.RegisterFirstName)
    @Html.TextBoxFor(m => m.RegisterFirstName)

    @Html.LabelFor(m => m.RegisterLastName)
    @Html.TextBoxFor(m => m.RegisterLastName)

    @Html.LabelFor(m => m.RegisterUsername)
    @Html.TextBoxFor(m => m.RegisterUsername)

    @Html.LabelFor(m => m.RegisterPassword)
    @Html.TextBoxFor(m => m.RegisterPassword)

    <input type='Submit' value='Register' />

}

MemberController.cs

[HttpGet]
public ActionResult LoginRegister() {
     LoginRegisterViewModel model = new LoginRegisterViewModel();
     return view("LoginRegister", model);
}

[HttpPost]
public ActionResult Login(LoginRegisterViewModel model) {
 //do your login code here
}

[HttpPost]
public ActionResult Register(LoginRegisterViewModel model) {
 //do your registration code here
}

N'oubliez pas qu'en appelant BeginForm, vous transmettez le nom du contrôleur sans "Controller" attaché:

@using (Html.BeginForm("Login", "Member", FormMethod.Post, new {}))

au lieu de:

@using (Html.BeginForm("Login", "MemberController", FormMethod.Post, new {}))
30
jpshook

Je viens de charger une vue partielle (contenant un formulaire) pour chaque formulaire nécessaire, en donnant à chaque partiel un modèle de vue différent:

  • Formulaire multiple sur une page: satisfait. 
  • Validation discrète Javascript sur chaque formulaire: accompli.
25
edtruant

Au lieu de soumettre un formulaire, nous pouvons faire un post ajax en cliquant sur le bouton d'envoi correspondant.

@using (Html.BeginForm("ActionName", "ControllerName", FormMethod.Post, new { @Id = "Form1" }))
{

}

@using (Html.BeginForm("ActionName", "ControllerName", FormMethod.Post, new { @Id = "Form2" }))
{

}

Une fois que vous avez attribué un attribut id différent à chacun des formulaires de votre page, utilisez le code suivant:

$(document).ready( function() {
  var form = $('#Form1');

 $('#1stButton').click(function (event) {

    $.ajax( {
      type: "POST",
      url: form.attr( 'action' ),
      data: form.serialize(),
      success: function( response ) {
        console.log( response );
      }
    } );
  } );
}

Répétez la même chose lors de l'événement de clic sur le 2e bouton pour appeler la publication ajax pour le 2e formulaire.

Ce code utilise .serialize () pour extraire les données pertinentes du formulaire. 

Pour référence future, les docs jQuery sont très très bons.

NB: Le bouton que vous utilisez pour déclencher l'événement qui provoque l'envoi du formulaire via ajax post ne doit pas être de type submit! Sinon, cela échouera toujours.

3
Biki

Vous devez faire en sorte que chaque <form> pointe vers une action distincte avec ses propres paramètres de modèle.

3
SLaks


Ce qu'il faut chercher

  • Essentiellement, ce code utilise un booléen à l'intérieur du modèle pour indiquer quelle action de contrôleur a été appelée dans la publication de formulaire. 
  • Notez l'utilisation du modèle d'imbrication et des propriétés booléennes [Is Action Login] et [Is Action Register] que j'ai définies à l'aide de la méthode d'assistance IsActionLogin () et IsActionRegister (). Un seul sera appelé dans l'action correspondante du contrôleur.

  • Notez la propriété sReturnURL dans le modèle. Cette propriété stocke l'URL de navigation précédente et est partagée avec les actions de contrôleur de connexion et d'enregistrement. Cela nous permettra de revenir à la page que l'utilisateur a laissée avant de devoir se connecter. 

    /* Begin Model logic */
public class LoginRegisterModel
{
    public LoginModel LoginModel { get; set; }
    public RegisterModel RegisterModel { get; set; }
    public string sReturnURL { get; set; }
    public bool bIsActionLogin { get; set; }
    public bool bIsActionRegister { get; set; }
    public void IsActionLogin()
    {
        bIsActionLogin = true;
        bIsActionRegister = false;
    }
    public void IsActionRegister()
    {
        bIsActionLogin = false;
        bIsActionRegister = true;
    }
}

public class LoginRegisterModel
{
    public LoginModel LoginModel { get; set; }
    public RegisterModel RegisterModel { get; set; }
    public string sReturnURL { get; set; }
    public bool bIsActionLogin { get; set; }
    public bool bIsActionRegister { get; set; }
    public void IsActionLogin()
    {
        bIsActionLogin = true;
        bIsActionRegister = false;
    }
    public void IsActionRegister()
    {
        bIsActionLogin = false;
        bIsActionRegister = true;
    }
}

public class RegisterModel
{
    [Required]
    [Display(Name = "Email")]
    [RegularExpression("^[a-zA-Z0-9_\\.-]+@([a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,6}$", ErrorMessage = "Email is not valid.")]
    public string UserName { get; set; }

    [Required]
    [StringLength(100, ErrorMessage = "The {0} must be at least {2} characters long.", MinimumLength = 6)]
    [DataType(DataType.Password)]
    [Display(Name = "Password")]
    public string Password { get; set; }

    [Required]
    [DataType(DataType.Password)]
    [Display(Name = "Confirm Password")]
    [Compare("Password", ErrorMessage = "The password and confirmation password do not match.")]
    public string ConfirmPassword { get; set; }
}
    /*End Model logic*/

    /*Begin Controller Logic*/
    [HttpPost]
    [AllowAnonymous]
    [ValidateAntiForgeryToken]
    public ActionResult Login(LoginRegisterModel model, string sReturnURL)
    {
        model.IsActionLogin(); //flags that you are using Login Action
        //process your login logic here
    }

    [HttpPost]
    [AllowAnonymous]
    [ValidateAntiForgeryToken]
    public ActionResult Register(LoginRegisterModel model, string sReturnURL)
    {
        model.IsActionRegister(); //flag Action Register action
        //process your register logic here
    }
    /*End Controller Logic*/

/*Begin View Logic*/
@model eCommerce.Models.LoginRegisterModel
@{  
    /*Place this view logic in both the Login.cshtml and Register.cshtml. Now use the last Action called as a Boolean check against your validation messages, so unnecessary validation messages don't show up.*/
    bool bLoginCallBack = Model.bIsActionLogin; 
    bool bRegisterCallBack = Model.bIsActionRegister;
    MvcHtmlString htmlIcoWarn = new MvcHtmlString(" font awesome icon here ");
    MvcHtmlString htmlIcoHand = new MvcHtmlString(" font awesome icon here ");
}

    @using (Html.BeginForm("Login", "Account", new { sReturnURL = Model.sReturnURL }))
    {
        @Html.AntiForgeryToken()
        if (bLoginCallBack)
        {
            MvcHtmlString htmlLoginSummary = Html.ValidationSummary(true);
            if (!htmlLoginSummary.ToHtmlString().Contains("display:none"))
            {
            @:@(htmlIcoWarn)@(htmlLoginSummary)
            }
        }
        @Html.LabelFor(m => m.LoginModel.UserName)
        @Html.TextBoxFor(m => m.LoginModel.UserName, new { @placeholder = "Email" })
    @if (bLoginCallBack)
    {
        MvcHtmlString htmlLoginUsername = Html.ValidationMessageFor(m => m.LoginModel.UserName);
        if (!htmlLoginUsername.ToHtmlString().Contains("field-validation-valid"))
        {
        @:@(htmlIcoHand) @(htmlLoginUsername)
        }
    }
        @Html.LabelFor(m => m.LoginModel.Password)
        @Html.PasswordFor(m => m.LoginModel.Password, new { @placeholder = "Password" })
    @if (bLoginCallBack)
    {
        MvcHtmlString htmlLoginPassword = Html.ValidationMessageFor(m => m.LoginModel.Password);
        if (!htmlLoginPassword.ToHtmlString().Contains("field-validation-valid"))
        {
        @:@(htmlIcoHand) @(htmlLoginPassword)
        }
    }
            @Html.CheckBoxFor(m => m.LoginModel.RememberMe)
            @Html.LabelFor(m => m.LoginModel.RememberMe)
        <button type="submit" class="btn btn-default">Login</button>
    }
@using (Html.BeginForm("Register", "Account", new { sReturnURL = Model.sReturnURL }))
{
    @Html.AntiForgeryToken()

    if (bRegisterCallBack)
    {
        MvcHtmlString htmlRegisterSummary = Html.ValidationSummary(true);
        if (!htmlRegisterSummary.ToHtmlString().Contains("display:none"))
        {
            @:@(htmlIcoWarn)@(htmlRegisterSummary)
        }
    }
        @Html.LabelFor(m => m.RegisterModel.UserName)
        @Html.TextBoxFor(m => m.RegisterModel.UserName, new { @placeholder = "Email" })
    @if (bRegisterCallBack)
    {
        MvcHtmlString htmlRegisterUsername = Html.ValidationMessageFor(m => m.RegisterModel.UserName);
        if (!htmlRegisterUsername.ToHtmlString().Contains("field-validation-valid"))
        {
        @:@(htmlIcoHand) @(htmlRegisterUsername)
        }
    }
        @Html.LabelFor(m => m.RegisterModel.Password)
        @Html.PasswordFor(m => m.RegisterModel.Password, new { @placeholder = "Password" })
    @if (bRegisterCallBack)
    {
        MvcHtmlString htmlRegisterPassword = Html.ValidationMessageFor(m => m.RegisterModel.Password);
        if (!htmlRegisterPassword.ToHtmlString().Contains("field-validation-valid"))
        {
        @:@(htmlIcoHand) @(htmlRegisterPassword)
        }
    }
        @Html.LabelFor(m => m.RegisterModel.ConfirmPassword)        @Html.PasswordFor(m => m.RegisterModel.ConfirmPassword, new { @placeholder = "Confirm Password" })                
    @if (bRegisterCallBack)
    {
        MvcHtmlString htmlRegisterConfirmPassword = Html.ValidationMessageFor(m => m.RegisterModel.ConfirmPassword);
        if (!htmlRegisterConfirmPassword.ToHtmlString().Contains("field-validation-valid"))
        {
        @:@(htmlIcoHand) @(htmlRegisterConfirmPassword)
        }
        <button type="submit" class="btn btn-default">Signup</button>
    }
}
/*End View Logic*/
0
Dominic Sputo