javascript - 根据数组中的值检查用户输入值

Question

我有文本文件。其中大约有 1000 行，每行包含一个 8 个字母的字母数字单词，例如我的文本文件如下所示

TEST1234
T1E2A334
12RR8912

等等。该文件位于服务器上名为 TestCodes 的文件夹中

现在我有一个名为 test.html 的 html 文件，在此文件中我有输入文本框，用户可以在其中输入他/她所拥有的测试代码

我有一个名为“验证”的按钮。单击此输入按钮时，我想根据文本文件中的内容检查用户输入的值。

如果文本文件中存在测试代码，则显示一个名为“Procced”的按钮，如果不存在，则显示一条名为“invalid”的错误消息。

我知道如何编写 if 条件，但我不知道如何根据文本文件检查它

HTML

<div class="user-input">
    <input type="text" name="test-code" id="test-code" value="" />
    <input type="submit" value="Verify Code" name="verify-code" id="verify-code" />
</div>
<div id="TestRegister">
    <form id="club" action="/Proceed.html" method="post" autocomplete="off">
        <input type="submit" value="Proceed Registration" name="proceed-register" />
    </form>
</div>
<div id="TestError">
    <span>Please check the code again, its not valid</span>
</div>

JavaScript

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function () {
    $("#TestRegister").hide();
    $("#TestError").hide();

    $.get("testcodes.txt", function (data) {
        var lines = data.split("\n");

        // this is where I am stuck. how to pass the above to ARRAY
        $("#verify-code").click(function (e) {
            e.preventDefault();
            if ( /* here I need to check against the user input value, if they are equal */ ) {
                $("#TestRegister").show();
                $("TestError").hide();
            } else {
                $("#TestRegister").hide();
                $("TestError").show();
            }
        }
        });     


</script>

如何将文本从测试代码传递到数组，然后根据该数组检查用户输入值？如果数组中存在用户输入值，那么我想显示#TestRegister，如果没有，或者输入值为空或空，则显示#TestError。

感谢并感谢任何提示。

Answer 1

var lines;

$(document).ready(function () {
    $("#TestRegister").hide();
    $("#TestError").hide();

    $.get("testcodes.txt", function (data) {
        lines = data.split("\n");
    });

    $("#verify-code").click(function (e) {
        e.preventDefault();

        if (lines.indexOf($("#test-code").val()) !== -1 && $("#test-code").val().length == 8) {
            $("#TestRegister").show();
            $("TestError").hide();
        } else {
            $("#TestRegister").hide();
            $("TestError").show();
        }

    });

});