MVC 2 C#(ASPX)中如何根据数据库状态控制提交按钮禁用/启用

嘿，这个需求在MVC 2（ASPX视图引擎）里其实很好实现，我给你整理了两种常用的方案，你可以根据实际场景来选择：

方案一：服务器端渲染时直接控制按钮状态（推荐用于页面加载时就能确定状态的场景） #

这种方式最简单，页面加载时后端直接从数据库拿到状态，传给视图后渲染按钮的禁用属性。

1. 后端Controller逻辑 #

先在对应的Action里查询数据库获取来源标识，然后把是否允许提交的状态传递给视图：

public ActionResult YourFormAction(int recordId) // 传入需要查询的记录ID
{
    // 替换成你的实际数据库查询逻辑，比如从Repository或服务层获取
    string sourceFlag = YourDbRepository.GetSourceFlagByRecordId(recordId);
    
    // 用ViewData传递状态（或者更规范的ViewModel，推荐后者）
    ViewData["AllowSubmit"] = sourceFlag.Equals("S", StringComparison.OrdinalIgnoreCase);
    
    // 如果用ViewModel的话，先定义ViewModel类，再传递：
    // var vm = new FormViewModel 
    // { 
    //     AllowSubmit = sourceFlag == "S",
    //     RecordId = recordId
    // };
    // return View(vm);
    
    return View();
}

2. ASPX视图中渲染按钮 #

根据后端传递的状态，动态设置按钮的disabled属性：

<%-- 用ViewData的情况 --%>
<input type="submit" value="提交表单" 
       <%= (bool)ViewData["AllowSubmit"] ? "" : "disabled='disabled'" %> />

<%-- 如果用ViewModel，先在页面顶部声明Model类型 --%>
<% @Model YourProject.Models.FormViewModel %>
<input type="submit" value="提交表单" 
       <%= Model.AllowSubmit ? "" : "disabled='disabled'" %> />

方案二：AJAX异步校验状态（适合需要实时刷新状态的场景） #

如果数据库状态可能在页面加载后发生变化，或者需要在用户操作时重新校验，可以用AJAX异步查询后端接口来控制按钮。

1. 后端新增校验接口 #

添加一个返回JSON的Action，用于查询当前状态：

public JsonResult CheckSubmitPermission(int recordId)
{
    string sourceFlag = YourDbRepository.GetSourceFlagByRecordId(recordId);
    bool isAllowed = sourceFlag.Equals("S", StringComparison.OrdinalIgnoreCase);
    
    // MVC 2中需要允许GET请求返回JSON，所以加上JsonRequestBehavior.AllowGet
    return Json(new { IsAllowed = isAllowed }, JsonRequestBehavior.AllowGet);
}

2. 前端AJAX逻辑（用jQuery，MVC2默认自带） #

页面加载时或者触发特定事件时，调用后端接口更新按钮状态：

<script src="<%= Url.Content("~/Scripts/jquery-1.4.4.min.js") %>"></script>
<script>
    $(function() {
        // 页面加载完成后立即校验状态
        updateSubmitButtonStatus();
        
        // 也可以绑定到用户操作，比如下拉框切换时重新校验
        // $("#sourceTypeDropdown").change(updateSubmitButtonStatus);
    });
    
    function updateSubmitButtonStatus() {
        var recordId = <%= ViewData["RecordId"] %>; // 从后端获取记录ID
        $.ajax({
            url: "<%= Url.Action("CheckSubmitPermission", "YourController") %>",
            type: "GET",
            data: { recordId: recordId },
            success: function(response) {
                // 更新提交按钮的禁用状态
                $("input[type='submit']").prop("disabled", !response.IsAllowed);
            },
            error: function() {
                // 出错时默认禁用按钮，避免非法提交
                $("input[type='submit']").prop("disabled", true);
                alert("校验提交权限失败，请稍后重试");
            }
        });
    }
</script>

<%-- 默认先禁用按钮，等校验完成后再决定是否启用 --%>
<input type="submit" value="提交表单" disabled="disabled" />

关键注意事项：后端二次校验！ #

不管用哪种方案，前端的禁用只是用户体验优化，绝对不能作为唯一的校验手段。恶意用户可以通过浏览器调试工具解除按钮禁用，所以在处理表单提交的HttpPost Action里，一定要再次校验数据库状态：

[HttpPost]
public ActionResult SubmitForm(FormViewModel model)
{
    // 二次校验数据库状态
    string sourceFlag = YourDbRepository.GetSourceFlagByRecordId(model.RecordId);
    if (!sourceFlag.Equals("S", StringComparison.OrdinalIgnoreCase))
    {
        ModelState.AddModelError("", "当前状态不允许提交表单");
        return View(model);
    }
    
    // 这里处理正常的表单提交逻辑
    // ...
    
    return RedirectToAction("SubmitSuccess");
}

内容的提问来源于stack exchange，提问作者Joel Baez