ورود اطلاعات با استفاده از Modal بصورت ajax با قابلیت data validation

حسین رضاپور

عضویت : 1397/12/09 پرسش ها : 5 پاسخ ها : 0

ورود اطلاعات با استفاده از Modal بصورت ajax با قابلیت data validation

ارسال شده در : ‫۲ ماه قبل، شنبه ۲۵ آبان ۱۳۹۸، ساعت ۰۵:۴۹

با سلام و عرض احترام خدمت استاد مدائنی عزیز

 

بنده با استفاده از partialview و modal می تونم اطلاعات رو از کاربر  گرفته و validation  رو انجام داده و در بانک اطلاعاتی ذخیره کنم . اما برای اصلاح اطلاعات در مرحله validation به مشکل برخوردم و تو ajax نمی تونم کنترل کنم که آیا validation خطایی داره یا نه. ولی خوب وقتی اطلاعات رو درست وارد می کنه ، اطلاعات آپدیت می شه و لیست هم بصورت ajax دوباره reload می شه .  لطفا در مورد این مورد بنده رو راهنمایی بکنید.  

ممنون می شم بنده رو راهنمایی کنید. 
 

public PartialViewResult OnGetAddGroupModalPartial()
        {
            return new PartialViewResult
            {
                ViewName = "_AddGroupModalPartial",
                ViewData = new ViewDataDictionary<CreateGroupViewModel>(ViewData, new CreateGroupViewModel { })
            };
        }
        public PartialViewResult OnPostAddGroupModalPartial(CreateGroupViewModel model)
        {
            if (ModelState.IsValid)
            {
                Groups g = new Groups { GroupTitle = model.GroupTitle };
                _userService.AddGroup(g);
            }

            return new PartialViewResult
            {
                ViewName = "_AddGroupModalPartial",
                ViewData = new ViewDataDictionary<CreateGroupViewModel>(ViewData, model)
            };
        }

 

 public PartialViewResult OnGetEditGroup(int id)
        {
            Groups g = _userService.GetGroupById(id);
            EditGroupViewModel model = new EditGroupViewModel { GroupId = g.GroupId, GroupTitle = g.GroupTitle };
            //  GroupsViewModel.EditGroupViewModel = model;

            //   GroupsViewModel = _userService.GetAllGroups();
            return new PartialViewResult
            {
                ViewName = "_editGroupPartial",
                ViewData = new ViewDataDictionary<EditGroupViewModel>(ViewData, model)
            };
        }
        public PartialViewResult OnPostEditGroup(EditGroupViewModel group)
        {
            if (ModelState.IsValid)
            {
                Groups g = _userService.GetGroupById(group.GroupId);
                g.GroupTitle = group.GroupTitle;
                _userService.UpdateGroup(g);
            }

            return new PartialViewResult
            {
                ViewName = "_editGroupPartial",
                ViewData = new ViewDataDictionary<EditGroupViewModel>(ViewData, group)
            };

        }

 


        var fn_EditGroup = function (groupId) {

            var url = "/Group/Index?handler=EditGroup&id=" + groupId;

            $("#myModalBodyDiv1").load(url,
                function () {
                    $("#editGroupModal").modal("show");

                });
        }


        function saveEditedGroup() {
            var myFormData = $("#myEditFormInPartial").serialize();

            $.ajax({
                type: "POST",
                url: "/Group/Index?handler=EditGroup",
                data: myFormData,
                success: function () {
                    //$("#loaderDiv").hide();
                    $("#editGroupModal").modal("hide");
                    LoadGridList();
                }
            });


        };

 

 

ایمان مدائنی

عضویت : 1396/09/10 پرسش ها : 5 پاسخ ها : 8957
ارسال شده در :‫۲ ماه قبل، شنبه ۲۵ آبان ۱۳۹۸، ساعت ۰۸:۴۵

سلام 

برای اعتبار سنجی کد زیر را در submit قرار دهید 

  <input type="submit" value="ثبت نام" class="btn btn-success pull-left" onclick="$.validator.unobtrusive.parse($('form'));" />

 

1 تشکر

برای ارسال پاسخ باید وارد شوید و یا در سایت عضو شوید