检查文本字段值是否匹配

Question

我正在制作一个小表格，您可以在其中选择自己的价值。

如果未正确填写值（我给出了一些示例答案），我希望弹出一个警告框，指示未正确填写文本字段。

似乎无法使其工作...这是我尝试的

if(document.getElementById("BS").value.match ("thin","thick","medium")
{
    alert("Fill in the correct values");
}

这是小提琴。 http://jsfiddle.net/vuc8Z/

Answer 1

这是我的建议：

var val = document.getElementById("BD").value;
 if (!(val == "thin" || val =="thick" || val =="medium")) {
    alert("Vul een geldige waarde in bij de aangegeven velden");
}

在这里演示

请注意，您使用的是getElementById("BS") ，但我想使用BD 。 我将匹配功能更改为三重|| （或）if语句。

我将您的if语句移到了“ go”按钮单击处理程序的内部，因此在单击按钮时将其触发。

match（）函数需要一个正则表达式，您可以在此处阅读更多信息（ MDN： .match（） ）。

编辑：

要检查彩色文本输入的格式是否正确，可以使用以下命令：

var filter = /^#(?:[0-9a-fA-F]{3}){1,2}$/;
if (!color.match(filter)) {
    alert('Color code Error!');
}

在这里更新了演示

Answer 2

如果要使用match方法，则可以使用like：

   var str = document.getElementById("BD").value;
   if(str.match('thin') || str.match('thick') || str.match('medium')) 
   {
     alert("Fill in the correct values");
   }

据我所知，match使用正则表达式作为参数，而不使用多个值。