提问者:小点点

我使用JQuery检查输入值(邮政编码)是否匹配,但如果不匹配,则需要显示一些文本


我有一个JQuery脚本来检查输入字段中键入的值(邮政编码)是否与我拥有的任何值匹配。 在输入字段中键入值时,如果值匹配(如下面的代码所示),它会将div(具有特定邮政编码的ID)的可见性从“none”更改为“inline-block”,因此如果我键入3138,它会将ID为“3138”的p标记的可见性从“display:none”更改为“display:inline-block”。

我不能解决的问题是:如果没有找到匹配值,我希望显示一条消息。 此时,如果输入了不匹配的值,则不会显示任何消息,这说明我需要一个“else”语句。

我试着在谷歌上搜索if/else语句,但我甚至不确定这是不是该搜索的东西。

<div class="postcode-checker"> 
  <div>
    <p>Enter your postcode and find out what day we deliver to your area: <input type="text" id="postcode" placeholder="Postcode..."></p>
    <p id="3138" style="display:none;" >
      Your Delivery Day is <strong>TUESDAY</strong>
    </p>
    <p id="3136" style="display:none;" >Your Delivery Day is <strong>FRIDAY</strong>
<p id="3136" style="display:none;" >Your Delivery Day is <strong>FRIDAY</strong>
  </p>
  </div>
</div>

<script>
    $(document).ready(function () {
      $("#postcode").keyup(function () {
          $("#3138").css("display", this.value == "3138" ? "inline-block" : "none"),
          $("#3136").css("display", this.value == "3136" ? "inline-block" : "none");

      });

    });
  </script>

我还整理了一个代码如果有用的话。。。。 https://codepen.io/justbrown1980/pen/kkvmzwn


共1个答案

匿名用户

你可以套用同样的逻辑,再加上一段:

<p id="errorMsg" style="display:none;" >
      Error:<strong>no match</strong>
    </p>
$("#errorMsg").css("display", (this.value != "3138" && this.value != "3136")  ? "inline-block" : "none");