How to make enable and disable for controls in MVC 5 ?

Question

I want to control my 'Search' button to be enable and disable in MVC.

I have two textbox - ( fromdate and todate ). If there is no value in these text textbox, I want to make the button 'Search' to be disable. If there are values in these two textbox, I want to make the button 'Search' to be enable.

If anyone have idea to know how to implement, kindly let me know. Thanks a lot for viewing my question.

Vinay Singh · Answer

Hi you can use jQuery code to perform the operation Js Function script src = http://code.jquery.com/jquery-2.1.4.min.js type = text/javascript > script > script language = javascript > function EnableButton(){ $('#Button1').prop(disabledfalse); } function DisableButton(){ $('#Button1').prop(disabledtrue); } function ValidateContent() { if($('#txtFromDate').attr('value')== && $('#txtToDate').attr('value')==) { DisableButton(); } else { EnableButton(); } } script > Now on textbox event FromDate: @Html.TextBox(txtFromDate new{@ onblur = javascript:ValidateContent(); }) ToDate: @Html.TextBox(txtTodate new{@ onblur = javascript:ValidateContent(); }) for detail have a look of the link http://www.aspdotnet-pools.com/2015/09/disable-and-enable-button-using-jquery.html