禁用的按鈕，如果字段爲空

Question

如果相關的字段項爲空，我有一個禁用的按鈕。我需要的是如果其中一個字段爲空，保存按鈕應該被禁用。所以我需要添加其他領域禁用保存按鈕。

現在只有字段項具有禁用和啓用的功能。任何幫助？由於

<SCRIPT type="text/javascript"> 
$(document).ready(function() 
{ 
$('input[type="text"]').change(function() 
{ 
var item = $("#item").val(); 
var msgbox = $("#status"); 

$.ajax({ 
    type: "POST", 
    url: "check_ajax.php", 
    data: "item="+ item, 
    success: function(msg){ 
    console.log(msg)  
    $("#status").ajaxComplete(function(event, request){ 
    if(msg == 'OK') 
    { 
     msgbox.html('<img src="avail/available.png" align="absmiddle">'); 
     $("#save").attr("disabled",false); 
    } 
    else 
    { 
     $("#save").attr("disabled",true); 
     msgbox.html(msg); 
    } 
    }); 

    } 

    }); 

return false; 
}); 
}); 
</SCRIPT> 

<form name="userinfo" id="userinfo"> 
     <table width="100%" border="0" cellpadding="4" cellspacing="0"> 

      <tr> 
       <td colspan="2" align="right"><a href="#" id="close">Close</a></td> 
      </tr> 
      <tr> 
      <td>Add New Item</td> 
      </tr> 
      <tr> 
       <td>Category</td> 
       <td><select name="cat_code" id="cat_code" onchange="GetChangedValue(this.value);" class="inputs" readonly="readonly"> 
        <option value=""></option> 
        <?php 
        $result = $mysqli->query("SELECT * FROM category ORDER BY id"); 
        while($row = $result->fetch_assoc()) 
         { 
        echo "<option value='".$row['cat_code'].".".$row['letter']."'>".$row['category']."</option>"; 
         } 
        ?> 
        </select> 
        <script> 
        $('[name="cat_code"]').change(function() { 
        $('[name="maincopy"]').val($(this).val().split(".")[0]); 
        if ($(this).val() == '') { 
        $("#item_code").val(''); 
        } else { 
        //here you can specify what to do if the value is NOT 
        } 
        }); 
        </script> 
        <input type="hidden" name="maincopy" id="maincopy" value="" readonly="readonly"> 
       </td> 
      </tr> 
      <tr> 
       <td>item Code</td> 
       <td> <input type="text" name="item_code" id="item_code" value="" class="inputs" readonly="readonly"></td> 
      </tr> 
      <tr> 
       <td>Item</td> 
       <td><input type="text" name="item" id="item" value="" class="inputs" autocomplete="off"></td> 
      </tr> 
      <tr> 
       <td></td> 
       <td><span id="status" class="inputs"></span></td> 
      </tr> 
      <tr> 
       <td align="right"></td> 
       <td><input type="button" value="Save" id="save"><input type="button" value="Cancel" id="cancel"></td> 
      </tr> 
     </table> 
</form> 

Answer 1

試試這個

$("#save").prop("disabled",false);