양식 유효성 검사 기능이 올바르게 작동하지 않습니다.

Question

if가있는 validateForm() 함수를 설정했습니다. 모든 오류주는 필드가 제출 버튼을 누를 때 빨간색으로 할 필요가 있기 때문에, 나는 내 자바 스크립트에서 다음을 시도하기로 결정

function validateForm() 
{ 
    var i = 0; 

    var a = document.forms["MyForm"]["Naam"].value; 
    if(a == null || a == "") 
    { 
     i++; 
     ctrl.style.backgroundColor = #FF0000; 
    } 

    //alot more if statements like the above 

    if(i > 0) 
    { 
     return false; 
    } 
} 

을하지만 지금은 제출 버튼을 클릭하면 필드는하지 않습니다 착색되다. 첫 번째 if에 경고문을 넣으면 제출시 필드가 비어있을 때 경고 메시지가 표시됩니다. 따라서 검증 기능이 모두 작동합니다. 그러나 착색하지 않을 것이다. 누군가는 어떻게 알 수 있는가, 또는 누군가는 저에게 적당한 방향에서 조금을 도울 수 있 었는가?

Answer 1

이 코드를 사용해보십시오.

function checkme_station() 
{ 
    stationObj = document.getElementById('station_name'); 
    if (stationObj.value == "") 
    { 
     stationObj.style.borderColor = '#ff0000'; 
     alert("Please enter a name for this station."); 
     stationObj.focus(); 
     return false; 
    } 

    selectionObj = document.getElementById('selection'); 
    if (selectionObj.value == "Enter song or musician name" || selectionObj.value == "") 
    { 
     selectionObj.style.borderColor = '#ff0000'; 
     alert("Please enter the name of the song or name of musician into selection field."); 
     selectionObj.focus(); 
     return false; 
    } 

    stationObj.style.borderColor = ''; 
    selectionObj.style.borderColor = ''; 
    return true; 
}