如何禁用提交按鈕，直到所有文本框不爲空？

傢伙請幫助我，我不能這樣做:(我想禁用我的提交按鈕，直到所有的領域都值..我該怎麼辦呢？如何禁用提交按鈕，直到所有文本框不爲空？

這是我HTML代碼

<table> 
    <tr> 
     <td>First Name: <input type="text"></td> 
    </tr> 
    <tr> 
     <td>Middle Name: <input type="text"></td> 
    </tr> 
    <tr> 
     <td>Last Name:<input type="text"></td> 
    </tr> 
    <tr> 
     <td><input type="submit" value="Submit"></td> 
    </tr> 
</table>

來源

2015-03-03 Mack Hombre

http://stackoverflow.com/questions/16157763/javascript-disable-submit-button-until-3-fields-are-not-empty – vrajesh 2015-03-03 06:13:50

$(document).ready(function(){ 
$('input[type="submit"]').attr('disabled','disabled'); 
$('input[type="text"]').change(function(){ 
     if($(this).val != ''){ 
      $('input[type="submit"]').removeAttr('disabled'); 
     } 
}); 
});

試試這個，你需要使用jQuery選擇

來源

2015-03-03 06:14:20 nifCody

我已經修改了你的HTML一點在首位禁用按鈕，然後我用jQuery的，以檢查是否所有輸入不爲空當其中一個改變時。

function enableSubmit() { 
 
    var disable = false; 
 
    $("#table input[type='text']").each(function() { 
 
     if ($(this).val()==="") { 
 
      disable = true; 
 
      return false; 
 
     } 
 
    }); 
 
    $("#table input[type='submit']").prop("disabled", disable); 
 
} 
 

 
$("#table").on("change", "input", function() { 
 
    enableSubmit(); 
 
});

<html> 
 
<head> 
 
</head> 
 

 
<body> 
 

 
    <table id="table"> 
 
     <tr> 
 
      <td>First Name: <input type="text"></td> 
 
     </tr> 
 
     <tr> 
 
      <td>Middle Name: <input type="text"></td> 
 
     </tr> 
 
     <tr> 
 
      <td>Last Name:<input type="text"></td> 
 
     </tr> 
 
     <tr> 
 
      <td><input type="submit" value="Submit" disabled></td> 
 
     </tr> 
 
    </table> 
 

 
</body> 
 

 
</html>

來源

2015-03-03 06:17:45

如何禁用提交按鈕，直到所有文本框不爲空？

回答

相關問題