cs-button-enable-disable-controls

enable-disable-controls

HTML

<form>
First name: <input type="text" id="fname" disabled><br><br>
 <input type="button" value="Enable Textbox" onclick="Enablecontrols()"> 
 
 <button type="submit"  onclick="disableControls()">Press enter to search</button> 
 
 <br><br>
 <input type="submit" value="Enable Textbox - Submit button" onclick="return enableControlsSubmit()"> 
 <input type="submit" value="Disable Textbox - Submit button" onclick="return disableControlsSubmit()"> 
</form>

JavaScript

function Enablecontrols() {
    document.getElementById('fname').disabled = false;
}

function disableControls() {
    document.getElementById('fname').disabled = true;
}

function enableControlsSubmit() {
    document.getElementById('fname').disabled = false;
    return false;
}

function disableControlsSubmit() {
    document.getElementById('fname').disabled = true;
    return false;
}