0

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

TEST1234
T1E2A334
12RR8912

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

现在我有一个名为的 html 文件test.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，如果没有，或者输入值为空白或 null，则显示#TestError。

感谢并感谢任何提示。

4

2 回答 2

2 
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();
        }

    });

});
于 2012-08-07T20:24:57.473 回答
0

您可以通过创建一个正则表达式来完全避免数组循环，以确保在单词边界之间找到测试代码：

var codeRegEx = new RegExp('\\b'+$('#test-code').val()+'\\b');
if(codeRegEx.test(lines)) {
   // the testcode is found on a single line, avoiding partial matches
}

这是一个演示：

jsFiddle 演示

于 2012-08-07T20:41:08.620 回答