在JavaScript中使用数组实现错误预防

Question

我正在开发一种评论系统，记者可以输入主队的名称，然后客队将其单击以将其发送给记者源。 但是我想实施错误预防，因为我只想要英超联赛球队。 数组用于包含团队名称。 如果输入团队名称与数组中的值不匹配，是否可以在按下按钮登录后停止登录？

代码如下：

var teamNames = new Array();

HTML：

    <input id="txtHomeTeam" type="text" class="textBox" value="Home Team" />
    <input id="txtAwayTeam" type="text" class="textBox" value="Away Team" />

提前致谢

Answer 1

正如我在评论中所述，您的循环逻辑都是错误的，但是当您可以只使用Array.indexOf时，通过循环搜索数组是一种浪费。

就像是：

var homeTeam = $("#txtHomeTeam").val().toLower();
var awayTeam = $("#txtAwayTeam").val().toLower();

if (homeTeam != awayTeam) {
    if (teamNames.indexOf(homeTeam) >= 0 && teamNames.indexOf(awayTeam) >= 0) {
        // now we know both teams are valid
    }
    else {
        // unknown team
    }
}
else {
    // a team can't play itself!!!
}

但是，我仍然支持我的评论，即使用自由文本框并期望用户仅输入有限的一组值是错误的UI。 使用下拉菜单或类似的选择器来避免用户因Arsenel错字而Arsenel用户，或者只键入Hull而不是Hull City或更糟的Hull Tigers ！