34、基于Ajax的联系人表单开发指南

基于Ajax的联系人表单开发指南

1. 创建表单标记

在开发基于Ajax的联系人表单时，首先要进行表单的标记工作。虽然可以使用HTML5的新属性和类型来设置表单字段的约束条件，例如使用如下代码创建一个格式良好且必填的电子邮件字段：

<input type="email" name="email" id="email" required />

但在旧版浏览器（如Internet Explorer 9及以下）中，这些新属性和类型可能不被识别，浏览器会忽略它们，就像使用 type="text" 且未指定 required 属性一样。若要在使用新属性和类型的同时兼容旧版浏览器，可以采用特定技术，但为了简化，我们暂时不使用HTML5属性，而是使用自己的控件。

以下是联系人表单的代码：

<form id="contact-form" name="contact-form" class="box" method="post" action="contact.php">
    <div class="form-field">
        <label for="name">Full name:</label>
        <input name="name" id="name" />
        <span class="error"></span>