Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/376.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 如何创建只接受选定zipcodes的HTML表单_Javascript_Html_Forms_Validation_Input - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何创建只接受选定zipcodes的HTML表单

Javascript 如何创建只接受选定zipcodes的HTML表单

javascript html forms validation input

Javascript 如何创建只接受选定zipcodes的HTML表单,javascript,html,forms,validation,input,Javascript,Html,Forms,Validation,Input,我想为交付服务网站创建zipcode验证器。 （几乎就像促销代码字段一样，只有正确的代码才能工作。） 它是客户端的HTML表单，用户可以在其中键入zipcode并检查其所在区域是否提供了交付。 将有5个选定的Zipcode可供交付 这是我迄今为止用一个zipcode尝试过的，但它没有显示任何错误消息 <form> <div class="form-group"> <input class="form-control" required d

我想为交付服务网站创建zipcode验证器。 （几乎就像促销代码字段一样，只有正确的代码才能工作。）

它是客户端的HTML表单，用户可以在其中键入zipcode并检查其所在区域是否提供了交付。 将有5个选定的Zipcode可供交付

这是我迄今为止用一个zipcode尝试过的，但它没有显示任何错误消息

<form>
<div class="form-group">
<input class="form-control" required
              data-msg="Sorry we do not deliver to you yet."
              data-label="Zipcode"
              type="number" name="zipcode" 
              placeholder="Enter your zipcode or address" 
              pattern="11111" required
               />
</input>
</div>
<div class="btn-wrapper mt-6">
<input type="submit" value="Submit">
</div>
</form>
-如果用户输入并提交正确的邮政编码，则应将其带到订购页面

-如果邮政编码不是所选的邮政编码之一，则应在“抱歉，我们没有向您发送邮件。请在此处订阅，以便在您可以发送邮件时得到通知”的表单下方显示一条错误消息。（此错误消息需要javascript）

-所选的zipcodes（现在任何数字都可以使用）。例如：11111222233333444445555当前输入模式不支持
数字
类型，但可用于
文本
，
搜索
，
url
，
电话
，
电子邮件
和
密码



验证任意5位数字

仅验证1111122223333344444555


将所有ZipCode存储在javascript数组中，循环遍历每个条目，查看是否匹配。如果找到匹配项，则可以继续执行进一步的实现，否则可以显示错误消息。