일치하는 경우 텍스트 필드 값 확인

Question

값을 선택할 수있는 작은 양식을 만들고 있습니다.

값이 올바르게 채워지지 않은 경우 (예를 들어 답변을했습니다) 잘못 입력 된 텍스트 필드를 나타내는 alertbox가 팝업으로 표시됩니다.

캔트

이 내가 여기

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")을 사용하고 here

공지 사항,하지만 당신은 내가 생각 BD을 원했다. 일치 기능을 트리플 || (또는) if 문으로 변경했습니다.

if 문을 "go"버튼 클릭 핸들러 안으로 이동하여 버튼을 클릭 할 때 실행됩니다.

match() 함수는 정규식을 필요로하므로 여기에서 더 읽을 수 있습니다 (MDN : .match()).

편집 : 컬러 텍스트 입력이 올바른 형식 인 경우

확인하려면 당신은이를 사용할 수 있습니다

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

업데이트 데모 here

Answer 2

를 사용하려는 경우 일치 방법을 사용하면 다음과 같이 사용할 수 있습니다.

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

내 지식에 따라 일치하는 매개 변수로 정규식이 필요하며 여러 값을 가져 가지 않습니다.