事件监听器.change没有响应

Question

我有一个用户输入电子邮件的输入框。如果输入是！= 0，我希望我的脚本在我的DOM中禁用按钮。但是，如果它发生变化并且值变为> 0，我希望它启用我的按钮。

不幸的是没有任何反应。

这是我到目前为止有：

<script src="~/Scripts/jquery-3.1.1.js"> 
    $(document).ready(function(){ 
     $("#input1").change(function(){ 
      if($(this).val().length > 0){ 
       $("#emailSignup").prop('disabled', false); 
      } 
      else{ 
       $("#emailSignup").prop('disabled', true); 
      } 
     }) 
    }); 
</script> 

HTML：

@Html.TextBoxFor(Model => Model.Email, new { id="input1", Class = "form-control", Style = "display:inline-block; max-width:200px", Placeholder="Example@Example.com", type="email"}) 
<button disabled type="submit" class="btn btn-default" style="display:inline-block" id="emailSignup">Tilmeld</button> 

Answer 1

你可以重点用起来反而可能：

<script src="~/Scripts/jquery-3.1.1.js"> 
    $(document).on('keyup', '#input1', function() { 
     if($(this).val().length > 0){ 
      $("#emailSignup").removeAttr('disabled'); 
     } else { 
      $("#emailSignup").prop('disabled', true); 
     } 
    }); 
</script> 

Answer 2

难道你试试这个脚本？谢谢。 您必须定义变量，然后测试该功能。

@Html.TextBoxFor(Model => Model.Email, new { id="input1", Class = "form-control", Style = "display:inline-block; max-width:200px", Placeholder="Example@Example.com", type="email"}) 
<button disabled="disabled" type="submit" class="btn btn-default" style="display:inline-block" id="emailSignup">Tilmeld</button> 

的jQuery：

$(document).ready(function(){ 
    $('.emailSignup').attr('disabled',true); 
    $('#message').keyup(function(){ 
     if($(this).val().length !=0) 
      $('.emailSignup').attr('disabled', false);    
     else 
      $('.emailSignup').attr('disabled',true); 
    }) 
});