<label for="dessert">What is your favourite dessert?*</label>
<input type="text" id="dessert" onchange="checkForm()"><br>
<div id="dessertmsg">  </div>

<input type="submit" value="Submit" id="subbutton" disabled> 

I want to show the button. To show the button, I want my validation to be true which is :

  function checkForm()

  {
  var dessert = document.getElementById("dessert").value;

  if(dessert == "cake"|| dessert == "cookie" || dessert == "icecream"){

When its true, i want the button to be enabled. I know i have to use disabled: False but how would i write the line of code for that? document.getElementById(what is the id for the disabled)??

<label for="dessert">What is your favourite dessert?*</label>
<input type="text" id="dessert" onchange="checkForm()"><br>
<div id="dessertmsg">  </div>

<input type="submit" value="Submit" id="subbutton" disabled> 

I want to show the button. To show the button, I want my validation to be true which is :

  function checkForm()

  {
  var dessert = document.getElementById("dessert").value;

  if(dessert == "cake"|| dessert == "cookie" || dessert == "icecream"){

When its true, i want the button to be enabled. I know i have to use disabled: False but how would i write the line of code for that? document.getElementById(what is the id for the disabled)??

• javascript

Share Improve this question Follow edited May 13, 2012 at 23:36 Donal Fellows 138k1919 gold badges160160 silver badges221221 bronze badges asked May 13, 2012 at 23:32 Anthony DoAnthony Do 1,41944 gold badges1919 silver badges1919 bronze badges 1

• how would i do it though? document.getElementById(subbutton, disabled: false);? – Anthony Do Commented May 13, 2012 at 23:37

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 4

function checkForm() { 
    var button = document.getElementById("subbutton");
    var dessert = document.getElementById("dessert").value;
    if(dessert == "cake"|| dessert == "cookie" || dessert == "icecream") {
        button.disabled = undefined;
    }
    else {
        button.disabled = true;
    }
}

Example: http://jsfiddle/3NudE/ (with 3 nudes, woo!)

if(dessert == "cake"|| dessert == "cookie" || dessert == "icecream"){
    {document.getElementById("subbutton").disabled = false;}

http://www.webdeveloper./forum/showthread.php?t=147187

function checkForm()
{
   var dessert = document.getElementById("dessert").value;
   document.getElementById("subbutton").disabled = (dessert == "cake"|| dessert == "cookie" || dessert == "icecream");
}