ASP.NET MVC disable button

Question

I have a .cshtml view that has a button and a text box that is a datepicker. How do I disable the button with id = "submitButton" if the textbox is null? Thanks

<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" })

Razi Syed · Accepted Answer · 2021-03-08 18:16:03Z

2

You can do it in several different ways, easiest using 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">

answered Mar 8, 2021 at 18:16

Razi Syed

2892 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Andy Williams Over a year ago

Perfect! Thank you @RaziSyed! Great example as well.

Collectives™ on Stack Overflow

ASP.NET MVC disable button

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related