ASP.NET Core C#中如何限制Subtractx文本框值≤Pricex并联动Sumx

核心问题解答 #

• 该功能完全可以通过C#实现，但纯C#实现属于服务端逻辑，需要依赖页面回发触发：只有当用户点击提交按钮、触发服务端请求后，才能在后端代码中读取三个文本框的传入值，完成判断和赋值，再将结果返回前端渲染。这种方案的交互流畅度较差，每次校验都会产生网络请求，不适合即时输入的场景。
• 你之前编写的JavaScript代码无法正常运行，是几个典型的代码问题导致的，并非必须改用C#才能实现：
  • 核心逻辑不符合需求：按照要求，当Subtractx >= Pricex时，Sumx需要直接设置为Pricex的值，但你原来的代码在重置Subtractx为Pricex之后，又用Pricex减去Subtractx计算差值，最终得到的Sum值是0，完全达不到需求要求
  • 文本框选择器大小写不匹配：你的文本框ID为Sumx，但代码中使用$("#SumX")选值，jQuery无法匹配到目标元素，赋值自然不生效
  • 数值判断逻辑错误：直接对比两个文本框的原始字符串值做大小判断，没有转成数值类型，会出现字符串比较的逻辑偏差（比如字符串"10"会被判定为小于"2"）
  • 逻辑冗余：if判断分支内和分支外重复写了两遍Sum的计算逻辑，无意义增加代码量
  • 缺少空值兜底：输入框为空时，parseInt会返回NaN，导致计算结果异常
  • 事件绑定不全：仅给Subtractx绑定了输入事件，当用户修改Pricex的数值时，不会触发重新校验

修正后的可直接使用的前端实现 #

$(function () {
    // 页面加载完成后先执行一次校验
    getSum();
    // 给Pricex、Subtractx都绑定输入/键盘抬起事件，任意值修改都触发校验
    $("#Pricex, #Subtractx").on('input keyup', getSum);
})

function getSum() {
    // 统一转成浮点型数值，空值默认按0处理，避免出现NaN
    const price = parseFloat($("#Pricex").val() || 0);
    const subtract = parseFloat($("#Subtractx").val() || 0);

    // 按需求做判断逻辑
    if (subtract >= price) {
        // 将Subtractx的值重置为Pricex的值
        $("#Subtractx").val(price);
        // 同时将Sumx设为Pricex的值
        $("#Sumx").val(price);
        return;
    }
    // 不符合判断条件时，正常计算差值赋值给Sumx
    $("#Sumx").val(price - subtract);
}

如果必须走纯C#实现路径，可以在ASP.NET Core Razor Pages/ MVC的后台动作方法中编写对应逻辑：

// Razor Page 后台处理方法示例
public IActionResult OnPostValueCalculate()
{
    // 读取前端传入的表单值
    decimal price = Convert.ToDecimal(Request.Form["Pricex"]);
    decimal subtract = Convert.ToDecimal(Request.Form["Subtractx"]);
    decimal sumResult;

    if (subtract >= price)
    {
        subtract = price;
        sumResult = price;
    }
    else
    {
        sumResult = price - subtract;
    }

    // 将处理后的值传递给前端视图渲染
    TempData["Pricex"] = price.ToString();
    TempData["Subtractx"] = subtract.ToString();
    TempData["Sumx"] = sumResult.ToString();
    return Page();
}

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