ASP.NETMVC-模态窗口的数据验证不起作用
- 确认模态窗口中的表单元素都设置了正确的验证规则，例如必填、最大长度等。
- 在控制器中添加模型绑定的验证，例如：
[HttpPost] public ActionResult SaveData(MyModel model) { if (ModelState.IsValid) { // 保存数据 return RedirectToAction("Index"); } // 验证不通过，返回错误信息 return PartialView("SaveDataModal", model); }
- 在模态窗口的保存按钮事件中，使用jQuery的ajax方法提交表单，并处理服务器返回的错误信息，例如：
$("#saveBtn").click(function () { $.ajax({ type: "POST", url: "@Url.Action("SaveData", "MyController")", data: $("#saveDataForm").serialize(), success: function (result) { if (result.redirectTo) { window.location.href = result.redirectTo; } else if (result.success) { // 保存成功，关闭模态窗口 $("#saveDataModal").modal("hide"); } else { // 验证不通过，显示错误信息 $("#saveDataModalBody").html(result); } }, error: function () { alert("保存数据出错！"); } }); });
上一篇：ASP.NETMVC-ModelStateisinvalidbutformcontentisaccessible
下一篇：ASP.NETMVC-PartialViewdoesn'trenderonPage_LoadinsideofaAjax.BeginForm