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. 

Answer 1

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("disabled",false);
}

function DisableButton(){
 $('#Button1').prop("disabled",true);
}
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