Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/csharp/272.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用输入字段验证Javascript中的代码列表_Javascript_Jquery_Html_Forms - Fatal编程技术网

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

使用输入字段验证Javascript中的代码列表,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,我有将近1000个代码列表,比如PB5KE13,我必须通过输入字段检查这些代码。如果输入值有代码,则显示Ok(确定)消息。有什么我可以通过Javascript得到的吗。我不希望这些在PHP或数据库中。我不能用这些。只有HTML和Javascript。 我知道if-else的情况。但有这么大的清单,我可能无法使用 <form method="POST" action="" onsubmit="return checkForm(this);"> <input type="t

我有将近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>

如果有代码需要验证,建议使用服务器端脚本(如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

假设您在Javascript中拥有一个数组中的所有代码,您只需要在数组中使用includes方法:

myKeys.includes(myInputValue);
有关详细信息,请查看W3Schools链接:


希望有帮助

将所有1000个元素放入一个数组,并侦听输入更改事件,然后使用数组函数find匹配输入值。