Javascript无法验证表单

我很难找出javascript代码无法验证底部表单的原因。感谢您的帮助。对于javascript，我是新手，正在学习

下面是javascript：

    <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;
    }
}

函数验证（）{
//初始化数组
var字段=新数组；
变量字段=[document.getElementById（'first_name'）、document.getElementById（'last_name'）、document.getElementById（'address'）、document.getElementById（'eadress'）、document.getElementById（'state'）、document.getElementById（'telephone'）、document.getElementById（'comments'）；
//误差跟踪器
var误差=0；
//验证循环
对于（i=0；i我刚刚更正了您的代码。在数组中，您请求的是eadress，而该字段是eadress，脚本中有2个d，您将eadress错拼为eadress:）
您在数组定义文档中错拼了一个字段ID。getElementById（'eadress'））EadAddress是否在HTML id属性中
出现了什么错误？我猜DOM尚未加载。我只是尝试在浏览器中测试它，没有DOM。我将如何引用/添加DOM？
<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>