时间戳

首页 > 解决方案 > 使用输入字段验证 Javascript 中的代码列表

javascript - 使用输入字段验证 Javascript 中的代码列表

问题描述

我有近 1000 个代码列表，例如“PB5KE13”，我必须通过输入字段检查这些代码。如果输入值有代码，则显示 Ok 消息。有什么我可以通过Javascript得到的。我不希望这些在 PHP 或数据库中。我不能用这些。只有 HTML 和 Javascript。我知道 if else 条件。但是对于这个大列表，我可能无法使用。

<form method="POST" action="" onsubmit="return checkForm(this);">
    <input type="text" name="inputfield" value="">
    <input type="submit" value="validate">
  </form>
<script>

  function checkForm(form)
  {
    // validation fails if the input is blank
    if(form.inputfield.value == "") {
      alert("Error: Input is empty!");
      form.inputfield.focus();
      return false;
    }
  }
</script>

标签： javascriptjqueryhtmlforms

解决方案

如果有需要验证的代码，建议使用 PHP 等服务器端脚本进行验证，因为 Javascript 是客户端，任何人都可以看到您的代码，并且要求提供代码没有多大意义。但如果我误解了您的要求，这里是 Javascript 代码：

let inputField = document.getElementById('#code');
let codes = ['PB5KE10','PB5KE11','PB5KE12','PB5KE13','PB5KE14']; // Can add More

function validate(val,code){
    result = false;
    for(let i=0;i<code.length;i++){
        if(val==code[i]){
            result = true;
            break;
        }
    }
    return result;
}

console.log(validate(input.value,codes)); //true if value is in array else false

推荐阅读