基于长度输入的JS事件[关闭]答案

【问题标题】：JS Event based on length input [closed]基于长度输入的JS事件[关闭]
【发布时间】：2013-12-29 23:51:27
【问题描述】：

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

【问题讨论】：

【解决方案1】：

检查这个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()
        }

    })

})

【讨论】：

伟大的作品完美！恭喜你，谢谢你:-)

【解决方案2】：

从概念上讲，您监控所有可能更改字段长度的事件，并在每个事件发生后检查其长度，然后采取相应措施。在现代浏览器中，您可以为此使用 input 事件。在较旧的浏览器中，您需要监控许多可能导致字段更改的事件（例如 keyup），这会更加复杂。

【讨论】：

【解决方案3】：

如果你使用 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。

【讨论】：

是的，但是这样我不能在第一个输入中写任何东西，但必须在第二个输入中输入 4 个字符然后被验证，有什么可以防止这种情况吗？两者都必须是 4 个字符