c# - ASP.NET MVC 禁用按钮

Question

我有一个.cshtml视图，它有一个按钮和一个作为日期选择器的文本框。id = "submitButton"如果文本框为空，如何禁用按钮？谢谢

<input id="submitButton" type="submit" value="blah" disabled="@ViewBag.blah"
       class="btn btn-default" />
    &nbsp; &nbsp;       
    @Html.Label("my label:")
    &nbsp; &nbsp;
    @Html.TextBox("Closed", "", new { @class = "datepicker" })

Answer 1

您可以通过几种不同的方式进行操作，最简单的是使用 javascript：

$(".datepicker").change(function() {
  if ($(".datepicker").val())
    $("#submitButton").removeAttr("disabled");
  else 
    $("#submitButton").attr("disabled", "disabled");
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="submitButton" type="submit" value="blah" 
 class="btn btn-default" />
 <input type="text" class="datepicker">