按钮禁用，除非两个输入字段都有值

我的页面上有一个带有两个输入字段和一个提交按钮的表单，我希望在两个输入字段都有值的情况下禁用 “提交”按钮。 当且仅当两个字段中都有值输入时，该按钮才会被点击。

如何用js和jQuery实现这个？

这是我的页面：

我想同时拥有js和jQuery解决方案

Answer 1

这是使用jQuery的解决方案：

HTML（请注意我在提交按钮中添加了一个ID）：

的JavaScript / jQuery的：

 $(':text').keyup(function() { if($('#first_name').val() != "" && $('#second_name').val() != "") { $('#submit').removeAttr('disabled'); } else { $('#submit').attr('disabled', true); } }); 

工作示例： http ： //jsfiddle.net/nc6NW/1/

Answer 2

JQuery： jQuery禁用/启用提交按钮

纯JS：

Answer 3

不要忘记表单字段的name属性！

Answer 4

 $(function(){ $("#first_name, #second_name").bind("change keyup", function(){ if($("#first_name").val() != "" && $("#second_name").val() != "") $(this).closest("form").find(":submit").removeAttr("disabled"); else $(this).closest("form").find(":submit").attr("disabled","disabled"); }); });