Javascript根据答案输出不同的消息

Question

我正在尝试进行简单的邮政编码搜索，用户输入他们的邮政编码以查看他们是否有资格获得支持。我希望一旦他们按下 Enter 键，它就会显示结果，目前我将其作为 keyup。

由于它是邮政编码，因此需要使用空格和大小写进行搜索。我希望有人能提供帮助。

您可以在此处查看代码: https://jsfiddle.net/esdrxq0n/3/

HTML

<h1>Enter your postcode to see if you qualify</h1>
<input type="text" id="postcode" value="" />
<div id="container" style="display:none;">Our services support your postcode</div>
<div id="sorry" style="display:none;">Sorry we do not operate in your area. Signup to be notified when we do.</div>

JAVA

$("#postcode").bind('keyup', function (e) {
    if (e.which >= 97 && e.which <= 122) {
        var newKey = e.which - 32;
        // I have tried setting those
        e.keyCode = newKey;
        e.charCode = newKey;
    }

    $("#postcode").val(($("#postcode").val()).toUpperCase());
});
var validcode = ('SS94QL','SS9 4QL','SS143JA','SS14 3JA');
    $("#postcode").keyup(function () {
        var code = $(this).val();
        if (code === validcode) {
            $("#container").show();
            $("#sorry").hide();
        } else {
            $("#container").hide();
            $("#sorry").show();
        }
    });

Answer 1

试试这个，主要是将预定义的代码放入数组中，
然后将输入的字符串转换为大写并查看数组中是否存在

$("#postcode").bind('keyup', function (e) {
    if (e.which >= 97 && e.which <= 122) {
        var newKey = e.which - 32;
        // I have tried setting those
        e.keyCode = newKey;
        e.charCode = newKey;
    }

    $("#postcode").val(($("#postcode").val()).toUpperCase());
});
var validcode = ['SS94QL','SS9 4QL','SS143JA','SS14 3JA'];
    $("#postcode").keyup(function () {
        var code = $(this).val().toUpperCase();
        if (validcode.indexOf(code) > -1 ) {
            $("#container").show();
            $("#sorry").hide();
        } else {
            $("#container").hide();
            $("#sorry").show();
        }
    });

#postcode {
  width:50%;
  height:40px;
  background-color:#ffffff;
  margin:0px auto;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1>Enter your postcode to see if you qualify</h1>
<input type="text" id="postcode" value="" />
<div id="container" style="display:none;">Our services support your postcode</div>
<div id="sorry" style="display:none;">Sorry we do not operate in your area. Signup to be notified when we do.</div>