Question

这是在我的PHP文件中：

<input style="text-align: center; max-width: 500px; margin-top: 0px;" type="text" placeholder="Paste your links here separated by a space" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Paste your links here separated by a space'" name='links' id='links' />
<!--lilbanner-->
<BR>
<button class="button alt" id="submit" type="submit">
    <?php printf($obj->lang['sbdown']); ?>
</button>
&nbsp;&nbsp;&nbsp;

我想在文本输入为空时禁用该按钮，当用户键入文本并删除它时，它将再次为空，表示按钮将再次被禁用。我有以下代码，它完全按照我想要的方式从我的其他网站运行，但由于某种原因它不起作用（空文本输入=按钮..）

<script type="text/javascript">
    $(document).ready(function() {
        $('.submit').prop('disabled', true);
        $('#link').change(function() {
            $('.submit').prop('disabled', this.value == "" ? true : false);
        })
    });
</script>

你可以帮帮我吗？提前谢谢！

Answer 1

你去吧。你想要'keyup'和'paste'而不是'change'：

$(document).ready(function() {
    $('#submit').prop('disabled', true);
    $('#links').bind('keyup paste', function() {
        $('#submit').prop('disabled', this.value == "" ? true : false);
    })
});

Answer 2

你的选择器错了，看看修复：

  <script type="text/javascript">
    $(document).ready(function() {
      $('#submit').prop('disabled', true);
      $('#links').change(function() {
        $('#submit').prop('disabled', this.value == "" ? true : false);
      })
    });
  </script>

Plunker：https://plnkr.co/edit/ETJiPg6BKDNkqbGHXCfk?p=preview

JS中的Button和Text输入

2 个答案: