자바 스크립트 유효성 검사 컨트롤

Question

나는 내 양식에 몇 가지 간단한 필드의 유효성을 검사하는 자바 스크립트를 작성했습니다. 내 문제는 양식에 오류가없는 경우에도 코드가 작동한다는 것입니다.

구체적으로는 if(openHour > closeHour)

에서 오류가 발생합니다이 코드

function checkForm() 
{ 
    var openHour; 
    var closeHour; 
    var i; 

    for(i=1;i<8;i++) 
    { 
    openHour = document.getElementById("openHours" + i).value; 
    closeHour= document.getElementById("closeHours" + i).value; 

    if(openHour > closeHour) 
    { 
    document.getElementById('error').innerHTML= "Opening Error at " + i; 
    return false; 
    } 
    if(openHour == "0" && closeHour > 0) 
    { 
    document.getElementById('error').innerHTML= "Closing Error at " + i; 
    return false; 
    } 


    } 
} 

Answer 1

openHour = parseInt(document.getElementById("openHours" + i).value); 
closeHour = parseInt(document.getElementById("closeHours" + i).value); 

난 그냥 구문 분석하는 데 필요한 값을 비교할 수 있도록 정수로 변환합니다. 모든

Answer 2

항상 개점과 closeHours 분야에서 기본 값이있는인가?

예를 들어, 일부 기본값을 설정해보십시오 :

다음

var openHour = 0; 
var closeHour = 0; 

하기를 할당하기 전에 개점과 closedHours 그들에 값이 있는지 확인 :

if (document.getElementById("openHours" + i).value != null && document.getElementById("openHours" + i).value != "") 
    openHour = document.getElementById("openHours" + i).value; 


if (document.getElementById("closeHours" + i).value != null && document.getElementById("closeHours" + i).value != "") 
    closeHour = document.getElementById("closeHours" + i).value;