Question

我有一个问题。如果表单中两个输入的长度超过4个字符，我应该调出div，并在两个字符中的一个小于4时隐藏div。我怎么能在javascript / jquery中做到这一点？

Answer 1

从概念上讲，您监视所有可能改变字段长度的事件，并在每个事件之后检查其长度，然后相应地采取行动。在现代浏览器中，您可以使用input事件。在旧版浏览器中，如果您需要监控可能导致字段更改的大量事件，例如keyup，则会更加复杂。

Answer 2

如果你正在使用jQuery，你可以使用：

function inputChange() {
    var totLength = $('#input-1').val().length + $('#input-2').val().length;
    if (totLength >= 4) {
        $('#yourDiv').show();
    } else {
        $('#yourDiv').hide();
    }
}
$('#input-1, #input-2').change(inputChange).keyup(inputChange).keydown(inputChange);

这将听取输入的每个值更改，keyup和keydown事件，并检查两个输入的长度是否大于4.

Answer 3

检查此FIDDLE

$(function () {

    $('.input-to-check').on('keyup', function () {

        if ($('.input-to-check-1').val().length + $('.input-to-check-2').val().length > 3) {
            $('.mirror').show()
        } else {
            $('.mirror').hide()
        }

    })

})

基于长度输入的JS事件

3 个答案: