Question

我在Rails 5应用程序上有以下代码。简单地说，它在验证该用户是否存在字段后启用按钮。工作正常，但问题是一旦按钮启用，如果用户将其选项更改为另一个不存在的选项，则不会再次禁用该按钮。它仍然保持启用状态。所以基本上代码只运行一次，但每次用户进行更改时都不会再运行。

我该如何解决这个问题？

      $("#collection-modal-btn").attr('disabled', 'disabled');       
  $('#get-folder').change(function() {
    var empty = false;
    if ($("#get-sub").val().length == 0) {
            empty = true;
        }
    if (empty) {
        $("#collection-modal-btn").attr('disabled', 'disabled');
    } else {
        $("#collection-modal-btn").removeAttr('disabled');
    }
});

下面的HTML：

    <form action="/client_sub_folders/images" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="authenticity_token" value="2avzd+POdKL8g7/2SPKGDay49ov6cMkZ8XJAo3yf4dKNGpxKXmi/UE8p2m69lh/jZj+lFpLk72nVo+kqLBMU6Q==">
    <select id="get-folder" name="client_folders[client_folder_ids]"><option value="">Choose a Collection</option>
<option value="19">Tester</option>
<option value="6">Jake's Jones</option></select><br>
    <select id="get-sub" name="client_sub_folders[client_sub_folder_ids]" style="display: inline-block;"><option value="8">Master Bedroom</option></select>
    <input type="hidden" name="client_sub_folders[w_artisan]" id="client_sub_folders_w_artisan" value="574" class="carpet_to_add">
    <div class="submit-to-folder">
      <input type="submit" name="commit" value="Add Carpet" class="btn btn-standard" id="collection-modal-btn" data-disable-with="Add Carpet"> 
    </div>
</form>

启用后，JQuery无法禁用按钮

0 个答案: