Javascript 在表单中输入数字时显示按钮

从这个主题：

我读过这个问题，它对我帮助很大，我附带了以下代码：

HTML:

我的问题是，一旦我输入了金额，我希望显示确认按钮。这可能吗

提前感谢。

请按“确认”按钮

无论何时更改名为“amount”的元素或按下某个键（onchange表示backspaces），如果该值不是“”或“nothing”，则它将使用内联css显示submit按钮

<script>
amount.onchange=amount.onkeyup=function(){
   document.getElementById("submit").style.display=this.value==""?"none":"block";
}
</script>

amount.onchange=amount.onkeyup=function（）{
document.getElementById（“提交”）.style.display=this.value==“”？“无”：“块”；
}

这将实现您的目标：

<!-- In the head of your document: -->
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#submit').hide();
        $('#amount').keyup(function() {
            if ($(this).val() == '') {
                $('#submit').hide();
            }
            else {
                $('#submit').show();
            }
        });
    });
</script>

<!-- For your form in the body: -->
<div id="box1">
    <form action="">
        <input type="string" name="amount" id="amount" />
        <input type="submit" name="submit" id="submit" />
    </form>
</div>

$（文档）.ready（函数（）{
$（“#提交”）.hide（）；
$（'#amount'）.keyup（函数（）{
if（$（this.val（）=''）{
$（“#提交”）.hide（）；
}
否则{
$（“#提交”）.show（）；
}
});
});

根据您的问题，我猜您希望在文本框中按下一个键后立即显示确认按钮。JQuery是处理浏览器事件的非常有用的库，您应该研究如何使用它

html:

---

这是JSFIDLE，如果您想尝试它

您需要javascript来实现这一点-您正在寻找那种解决方案吗？仅供参考：

type=“string”

应该是

type=“text”

，而

输入应该是
input
。除非你想隐藏你的网站上的每一个输入。如果这个答案解决了你的问题，请点击这个答案旁边的空白复选标记来标记它。是的，但是当我按下确认按钮时。它不会弹出吗？我如何在这里设置一些延迟：//self-invoking javascript function$（function（）{//隐藏页面加载$（'#btnConfirm'）.hide（）；//侦听按键事件$（'#txtmount'）。on（'keypress'，function（）{$（'#btnConfirm'）.show（）}）；​                   我也试过你的代码，但当我按下确认按钮时，问题就出现了。信息没有弹出。
<div id="box1">
     <form action="">
         <input type="string" name="amount" />
         <input type="submit" value="confirm" id="submit" style="display:none"/>
     </form>
</div> 

<script>
amount.onchange=amount.onkeyup=function(){
   document.getElementById("submit").style.display=this.value==""?"none":"block";
}
</script>

<!-- In the head of your document: -->
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#submit').hide();
        $('#amount').keyup(function() {
            if ($(this).val() == '') {
                $('#submit').hide();
            }
            else {
                $('#submit').show();
            }
        });
    });
</script>

<!-- For your form in the body: -->
<div id="box1">
    <form action="">
        <input type="string" name="amount" id="amount" />
        <input type="submit" name="submit" id="submit" />
    </form>
</div>

<div id="box1">
   <input type="text"  id="txtAmount" />
   <input type="button" id="btnConfirm"  value="Confirm"/>
</div>

​

//self invoking javascript function
$(function() {

    //hide the button on page load
    $('#btnConfirm').hide();


    //listen for a keypress event
    $('#txtAmount').on('keypress', function() {
        $('#btnConfirm').show();
    });
});​