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

家伙请帮助我，我不能这样做:(我想禁用我的提交按钮，直到所有的领域都值..我该怎么办呢？如何禁用提交按钮，直到所有文本框不为空？

这是我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

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

回答

相关问题