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

Question

来自本主题:how do i make an invisible text input box visible on hover?

我读到了这个问题，它对我有很大帮助，我得到了这段代码:

HTML:

<div id="box1">
    <form action="">
    <input type="string" name="amount" />
    </form>
</div> 

CSS:

#box1 {
    width:100px;
    height:30px;
}

#box1:hover input {
    display:block;
    padding:3px;
}

#input {
    display:none;
}

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

提前致谢。

Answer 1

这应该完成您所追求的:

<!-- 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>