javascript - 使用jQuery根据MVC输入框中的数据触发 Action

Question

我目前正在创建一个 MVC 项目，该项目从模型生成的表单/ View 中获取数据。

我希望能够检查表单中的用户输入。如果该输入小于 1，它将触发另一个信息面板打开。下面的代码运行不正常。我究竟该如何做到这一点？

在我看来:

      <div class="form-group">
           @Html.LabelFor(model => model.Buy2Yearsataddress, htmlAttributes: new { @class = "control-label col-md-2" })
           <div class="col-md-10" id="coBuyerYearsAtAddress">
                   @Html.EditorFor(model => model.Buy2Yearsataddress, new { htmlAttributes = new { @class = "form-control" } })
                   @Html.ValidationMessageFor(model => model.Buy2Yearsataddress, "", new { @class = "text-danger" })
            </div>
      </div>

这是我的脚本文件中的内容:

    $("#coBuyerYearsAtAddress").focusout(function () {
         if ($("#coBuyerYearsAtAddress").val() <= 1) {
             $('#coBuyerPreviousResidence').show();
         }
         else {
             $('#coBuyerPreviousResidence').hide();
         }
});

Answer 1

尝试以下操作

$('.form-control').change(function(){
    if ($(this).val() <= 1) {
        $('#coBuyerPreviousResidence').show();
    }
    else {
        $('#coBuyerPreviousResidence').hide();
    }
});