Ajax.BeginForm sends null values to controller action ASP.NET MVC

Question

I have a partial view that contains an ajax form in asp.net MVC and has a view model with two different models. One of the models is for fetching summary information and another is for submitting a form to an action.

when I try to submit my data to action from my ajax form, I face with null values.

Here is my action code in AccountController

    [Authorize]
    [HttpPost]
    [ValidateAntiForgeryToken]
    public async Task ChangePassword(ChangePasswordViewModel model)
    {
        var CurrentUser = GetCurrentUser();
        if (ModelState.IsValid)
        {
            bool isOldPasswordTrue = await UserManager.CheckPasswordAsync(CurrentUser, model.CurrentPassword);
            if (!isOldPasswordTrue)
            {
                return Json(new { result = "error", message = "رمز فعلی صحیح نمی باشد." }, JsonRequestBehavior.AllowGet);
            }
            var Result = await UserManager.ChangePasswordAsync(CurrentUser.Id, model.CurrentPassword, model.NewPassword);
            if(Result != IdentityResult.Success)
            {
                return Json(new { result = "error", message = "خطا در تغییر رمز عبور." }, JsonRequestBehavior.AllowGet);
            }
            return Json(new { result = "success", message = "رمز عبور با موفقیت تغییر کرد. صفحه به صورت خودکار بارگذاری خواهد شد." }, JsonRequestBehavior.AllowGet);
        }
        return Json(model);
    }

here is my Partial View

@model iran_pcj.Models.UserInformationViewModel


    
        
            
                @if (Model.CurrentUser.ImagePath == null)
                {
                    if (Model.CurrentUser.Gender == Gender.Male || Model.CurrentUser.Gender == Gender.Other)
                    {
                        
                    }
                    else
                    {
                        
                    }
                }
                else
                {
                    
                }
            
        

        
            
                @Model.CurrentUser.Firstname @Model.CurrentUser.LastName
                @Model.CurrentUser.Title

                
                     @Model.CurrentUser.Email
                     @Model.CurrentUser.PhoneNumber
                    @if (Model.CurrentUser.Website != null)
                    {
                         @Model.CurrentUser.Website
                    }
                
                
                    @if (Model.CurrentUser.Facebook != null)
                    {
                        
                    }
                    @if (Model.CurrentUser.Twitter != null)
                    {
                        
                    }
                    @if (Model.CurrentUser.Instagram != null)
                    {
                        
                    }
                    @if (Model.CurrentUser.Linkedin != null)
                    {
                        
                    }
                

                 ویرایش تصویر
                 تفییر رمز
                 خروج
            
        
    


    
        
            
                 تغییر رمز عبور
            
            
                
                    @using (Ajax.BeginForm("ChangePassword", "Account", new { CurrentPassword = Model.ChangePassword.CurrentPassword, NewPassword = Model.ChangePassword.NewPassword, NewPasswordConfirmation = Model.ChangePassword.NewPasswordConfirmation }, new AjaxOptions
                    {
                        HttpMethod = "POST",
                        OnSuccess = "ChangePasswordSuccess",
                        OnFailure = "ChangePasswordFailure"
                    }, new { @id = "changePassForm" }))
                    {
                        @Html.AntiForgeryToken()

                        
                            
                                @Html.LabelFor(model => model.ChangePassword.CurrentPassword, htmlAttributes: new { @class = "control-label col-md-12" })
                                
                                    @Html.EditorFor(model => model.ChangePassword.CurrentPassword, new { htmlAttributes = new { @class = "form-control" } })
                                    @Html.ValidationMessageFor(model => model.ChangePassword.CurrentPassword, "", new { @class = "text-danger" })
                                
                            

                            
                                @Html.LabelFor(model => model.ChangePassword.NewPassword, htmlAttributes: new { @class = "control-label col-md-12" })
                                
                                    @Html.EditorFor(model => model.ChangePassword.NewPassword, new { htmlAttributes = new { @class = "form-control" } })
                                    @Html.ValidationMessageFor(model => model.ChangePassword.NewPassword, "", new { @class = "text-danger" })
                                
                            

                            
                                @Html.LabelFor(model => model.ChangePassword.NewPasswordConfirmation, htmlAttributes: new { @class = "control-label col-md-12" })
                                
                                    @Html.EditorFor(model => model.ChangePassword.NewPasswordConfirmation, new { htmlAttributes = new { @class = "form-control" } })
                                    @Html.ValidationMessageFor(model => model.ChangePassword.NewPasswordConfirmation, "", new { @class = "text-danger" })
                                
                            
                        
                    }

and here is my view models

UserInformationViewModel

public class UserInformationViewModel
    {
        public AppUser CurrentUser { get; set; }
        public ChangePasswordViewModel ChangePassword { get; set; }
    }

ChangePasswordViewModel

public class ChangePasswordViewModel
    {
        [Required(ErrorMessage = "{0} نمی تواند خالی باشد")]
        [DataType(DataType.Password)]
        [Display(Name = "کلمه عبور فعلی")]
        public string CurrentPassword { get; set; }

        [Required(ErrorMessage = "{0} نمی تواند خالی باشد")]
        [DataType(DataType.Password)]
        [Display(Name = "کلمه عبور جدید")]
        public string NewPassword { get; set; }

        [Required(ErrorMessage = "{0} نمی تواند خالی باشد")]
        [DataType(DataType.Password)]
        [Display(Name = "تکرار کلمه عبور")]
        [System.ComponentModel.DataAnnotations.Compare("NewPassword", ErrorMessage = "رمز عبور با تکرارش همخوانی ندارد.")]
        public string NewPasswordConfirmation { get; set; }
    }

I don't see anything wrong in my code. Maybe it causes from tiredness and I hope you to help me. Tnx

Behzad Hassani · Accepted Answer

I found this question issue.

As I use view model that contains two view models so I should rename my inputs.

In this case when I used the above code data sent to server like this

__RequestVerificationToken: VLBnD4tC7ih5q9FAtVM9b-4-7lLbDSVhgeKh8Z-eJGfOoXOT96kiwd24SMAkzuRF70OH-5fr4NWeXl1hA6xKfO81llCUOTcIwZtP_bDbCutt4VM9RfPteMmRj9JlitMgLhxk3S_PmMH2YkfxOECRJA2
ChangePassword.CurrentPassword: 123456789
ChangePassword.NewPassword: 123456
ChangePassword.NewPasswordConfirmation: 123456
X-Requested-With: XMLHttpRequest

but ChangePassword action accepts CurrentPassword, NewPassword, NewPasswordConfirmation so I change EditFor to PasswordFor and then add Name html attribute to my code as below:

@Html.PasswordFor(model => model.ChangePassword.CurrentPassword, new { @class = "form-control", Name = "CurrentPassword" })

the other field are repeated like above.

hope this useful for all

Ajax.BeginForm sends null values to controller action ASP.NET MVC

Answers (1)

Related Questions