jquery - 显示/隐藏提交按钮

Question

如何操作？

仅当一个或两个所需的输入填有值时才显示提交按钮但如果您删除所需值中的一个，则提交必须消失。

我认为应该用 keyup 来完成。有什么想法吗？

Answer 1

下面的函数应该可以帮助你:

$(function(){
    // Hide submit button if either field is empty
    $('form input').keyup(function(){
        if($('#input1').val() == "" || $('input2').val() == ""){
            $('#submit').hide();
        }
        else {
            $('#submit').show();
        }
    });
    // Don't submit form if either field is empty
    $('form').submit(function(){
    if($('#1').val() == "" || $('#2').val() == ""){
        return false;
    }
    });
});

顺便说一下，您最初需要使用 CSS (display:none) 隐藏提交按钮。