40、基于Ajax的富互联网应用与Dojo工具包实战

基于Ajax的富互联网应用与Dojo工具包实战

1. 异步验证表单的实现

在开发基于Ajax的富互联网应用时，表单的异步验证是一个常见的需求。当用户在表单中输入信息时，我们希望能够实时验证这些信息的有效性，而不需要刷新整个页面。下面我们来详细介绍一个带有异步验证功能的表单的实现过程。

1.1 点击“添加条目”按钮

当用户点击“添加条目”按钮时，会调用 addEntry 函数。这个函数的作用是隐藏地址簿元素，并显示允许用户向地址簿中添加人员的添加条目元素。以下是相关代码：

// 当点击添加条目按钮时调用此函数
function addEntry() {
    // 隐藏地址簿元素
    document.getElementById('addressBook').style.display = 'none';
    // 显示添加条目元素
    document.getElementById('addEntry').style.display = 'block';
}

1.2 输入邮政编码时的验证

当用户在输入框中输入邮政编码时，会调用 validateZip 函数。这个函数会调用一个外部的Web服务来验证邮政编码的有效性。如果邮政编码有效，外部Web服务会返回对应的城市和州信息。以下是相关代码：

// 验证邮政编码的函数
function validateZip() {