檢查文本字段值是否匹配

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使用正則表達式作為參數，而不使用多個值。