使用 jQuery 检查值数组

Question

您好，我正在尝试循环并检查具有特定值的数组。如果用户想要在输入中使用的值已经存在，则会显示一条消息，如果用户名是正确的并且是新的，它将被上传到我的 firebase！它适用于数组中的第一个元素，但如果我在循环中设置 .length 它需要所有但仍然发送假值？

<form id="">
    <label>Your username: </label><input type="text" id="userName">
</form>

<script src="text/javascript">
    var invalidUser=['value1','value2','value3','value4'];
    var myDataRef = new Firebase('https://leastflyingwasps.firebaseio.com/');

    $('#userName').keypress(function (e) {
        if (e.keyCode == 13) {
            var name = $('#userName').val();
            for (var i = 0;i<invalidUser;i++) {
            }

            if (invalidUser[i] === name) {
                alert('Not a valid username')
            }
            else {
                myDataRef.push({name: name});
            }
        }
    });
</script>

Answer 1

第一个问题是因为您的检查实际上是在 for 循环之外进行的。其次，您可以使用$.inArray() 来简化此操作：

var invalidUser = ['value1', 'value2', 'value3', 'value4'];

$('#userName').keypress(function (e) {
    if (e.keyCode == 13) {
        var name = $('#userName').val();

        if ($.inArray(name, invalidUser) != -1) {
            alert('Not a valid username')
        }
        else {
            var myDataRef = new Firebase('https://leastflyingwasps.firebaseio.com/');
            myDataRef.push({ name: name });
        }
    }
});