JQuery打造PHP的AJAX表单提交实例

本实例只利用到JQuery类库本身的函数和功能，不需要第三方插件的支持。另外，所有表单信息都是利用PHPMailer类库邮件的形式发送给管理员。如果你对JQuery的基本语法还不是很熟悉，请搜索本站的教程资源。如果你对PHPMailer用法不熟悉，请查看本站的另一篇文章《使用PHPMailer类库发送电子邮件》。
第一步，创建一个表单HTML页面
这里，我们只展示主要的表单部分HTML结构代码：
<div id="contact_form">  
  <form name="contact" method="post" action="">  
    <fieldset>  
      <label for="name" id="name_label">姓名</label>  
      <input type="text" name="name" id="name" size="30" value="" class="text-input" />  
      <label class="error" for="name" id="name_error">此项必填</label>  
         
      <label for="email" id="email_label">您的Email</label>  
      <input type="text" name="email" id="email" size="30" value="" class="text-input" />  
      <label class="error" for="email" id="email_error">此项必填</label>  
         
      <label for="phone" id="phone_label">您的联系电话</label>  
      <input type="text" name="phone" id="phone" size="30" value="" class="text-input" />  
      <label class="error" for="phone" id="phone_error">此项必填</label>  
   &