Question

我有一个输入[type = text]区域，我会粘贴/输入一个网址。

如果粘贴/输入的网址包含http，我想隐藏$（＆＃39;＃button＆＃39;）元素。如果不是，请继续显示按钮。谢谢你的帮助。

到目前为止，这是我的演示代码：

$('#pasteUrl').on('input', function () {
  var str = $('#pasteUrl').val();
  if (str.indexOf("http") !== -1) {
    $('#button').hide();
  }
});

Answer 1

这可能是你想要的 - 使用toggle：

$('#pasteUrl').on('input propertychange', function() {
  var str = $(this).val();
  $('#button').toggle(str.indexOf("http") == -1);
});

Answer 2

编辑：添加＆＃34; propertychange＆＃34; OP在评论中提出的事件。

＆＃13;

$('#pasteUrl').on('input propertychange', function (ev) {
  var str = $(ev.currentTarget).val();
  if (str.indexOf("http") != -1) {
    $('#button').hide();
  } else {
    $('#button').show();
  }  
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="pasteUrl" />
<button id="button">Go</button>

＆＃13;

如果输入包含自定义单词，请隐藏该按钮

2 个答案: