자바 스크립트가 양식을 확인하지 못했습니다.

자바 스크립트 코드가 양식의 하단을 확인하지 못하는 이유를 찾아내는 데 문제가 있습니다. 어떤 도움을 주셔서 감사합니다. 나는 새로운 때 자바 스크립트에 관해서 학습. 여기자바 스크립트가 양식을 확인하지 못했습니다.

<script type="text/javascript" language="javascript"> 
function validate(){ 

//Initialize array 
var field = new Array; 

var field = [document.getElementById('first_name'),document.getElementById('last_name'),document.getElementById('address'),document.getElementById('eadress'),document.getElementById('city'),document.getElementById('state'),document.getElementById('telephone'),document.getElementById('comments')]; 

//Error tracker 
var error = 0; 

//Validation Loop 
for (i=0;i<field.length;i++) 
{ 
    if (field[i].value == "") 
    { 
     error++; 
    } 
} 

//If no errors are present, submit 
if (error == 0) 
{ 
document.contact-form.submit(); 
} 

//Else, display alert 
else { 
    alert("One or more fields are empty."); 
    return false; 
    } 
}

을 폼의 :

여기에 자바 스크립트의 난 그냥 코드를 수정

<div id="registration"> 
     <form action="" method="post" onsubmit="return validate();" id="contact-form"> 

     <h2>Contact Us 
     </h2> 

     <div> 
      <label for="first_name">First Name:</label> 
      <input id="first_name" name="first_name" type="text" class="required" /> 
     </div> 

     <div> 
      <label for="last_name">Last Name:</label> 
      <input id="last_name" name="last_name" type="text" class="required" /> 
     </div> 

     <div> 
      <label for="address">Address:</label> 
      <input id="address" name="address" type="text" /> 
     </div> 

     <div> 
      <label for="city">City:</label> 
      <input id="city" name="city" type="text" /> 
     </div> 

     <div > 
      <label for="state">State:</label> 
      <input id="state" name="state" type="text" /> 
     </div> 

     <div > 
      <label for="zip">Zip:</label> 
      <input id="zip" name="zip" type="text" /> 
     </div> 

     <div> 

      <label for="eaddress">Email address:</label> 
      <input id="eaddress" name="eaddress" type="text" class="required"/> 


     </div> 

     <div> 
      <label for="telephone">Telephone:</label> 
      <input id="telephone" name="telephone" type="text" /> 
     </div> 

     <div> 
      <label>Comments:</label> 
      <textarea rows="4" cols="4" name="comments" id="comments" ></textarea> 
     </div> 

     <div> 
     <label></label> 
     <input id="submit" type="submit" value="Submit" /> 
     <input id="reset" type="reset" value="Reset" /> 
     </div> 
     </form>

출처

2014-04-07 user3369965

어떤 오류가 발생합니까? DOM을 아직로드하지 않은 것 같습니다. – VtoCorleone

난 그냥 브라우저에서 DOM을 테스트하려고합니다. DOM을 참조/추가하는 방법은 무엇입니까? – user3369965