Question

我想在 Jsp 中的输入元素内输入内容后在表单上显示按钮。

<input type="text" id="phoneNumber" name="Number" maxlength="10" size="15" onfocus="this.value=''" value="Enter your number" autocomplete="off">
<br/><br/>
<span style="color:red" class="title1" id="checkPhone"></span><br/>
<input type="submit" class="sendBtn" id="btSend"  name="btSend" value="NextStep" style="display: none">

你可以帮帮我吗？

Answer 1

您可以使用keyup文本框事件来检测是否输入了某些内容，同时检查文本框是否有一些要隐藏的文本按钮（如果该文件为空）

<强> Live Demo

$('input').keyup(function(){
   if($.trim(this.value).length > 0)
       $('#btSend').show()
    else
       $('#btSend').hide()
});

您可能需要具体了解输入，而不是使用所有输入元素，例如，您可以使用输入具有某些类

Answer 2

这可以满足您的需求吗？

$('#phoneNumber').change(function() {
    $('#btSend').show();
});

Answer 3

var inp = $("#txt").val();
if(jQuery.trim(inp).length > 0)
 {
   $("#button").show();
  }

Answer 4

希望这适合你

$('#phoneNumber').focusout(function () {
    if ($(this).val().length > 0) {
        $('#btSend').show();
    } else {
        $('#btSend').hide();
    }
});

键入文本后如何显示按钮

4 个答案: