DIY WordPress contact form with JQuery (4)

继续说contact form。如果你想让收到的联系表单更为具体,使你在邮件收取时候就能知道联系的主要内容,你可以为contact form添加一项联系的相关内容,并设为必填项目则可。本篇就说如何添加这些内容。

例子如下图,在我网站上的contact form,我设置了一个subject让朋友们选择:

contact form subject select DIY WordPress contact form with JQuery (4)

在你已经看过本教程的前三篇()后,首先我们需要在<ol></ol>标签中添加该下拉表单,插入代码:

<li><label>Subject</label>
<select tabindex="'.$choix.'" style="cursor:pointer;" name="choix" id="choix" class="requiredField choix">
<option value="">请选择一个联系的主题</option>
<option value="1. 关于与本站交换链接">1. 关于与本站交换链接</option>
<option value="2. 关于本站主题Js O3问题">2. 关于本站主题Js O3问题</option>
<option value="3. 嗯,其它问题,下详">3. 嗯,其它问题,下详</option>
</select>
</li>

上面代码中的<option>标签就是你需要预先设置好的选项,请各位根据自己的要求更改。在这里我们新增加一下变量:$choix,并把其的样式设为必填:class="requiredField choix"

然后我们需要在之前提及到的检测代码中,增加对$choix的非空检测:

//Check to make sure that the about field is not empty
if(trim($_POST['choix']) === '') {
$nameError = 'You forgot to choose a subject.';
$hasError = true;
} else {
$choix = trim($_POST['choix']);
}

既然有了联系的内容,我们也可以将它安排出现在发送邮件的标题部分,这样我们在看到邮件头时候就知道信件中大概内容了。修改之前提及的$subject定义代码,把它改为:

$subject = "Contact Form from $name [ $choix ]";

当然上面是一个简单的样式,大家可以自行更改。上面的代码会对应显示象下图的邮件标题:

contact form subject select 1 DIY WordPress contact form with JQuery (4)

至此,我的这个contact form就说到这里了。大家如果有什么问题再提出,我看是否需要补充,thanks。

分类:theme skill, WordPress;标签:, , , , ;收藏本文的永久链接

9 Responses to “DIY WordPress contact form with JQuery (4)”

  1. Rui 回复此留言 2009/04/03 22:22 #comment-5607

    于是乎我又是沙发,木哈哈哈哈

  2. 爱月 回复此留言 2009/04/04 05:44 #comment-5614

    在前三以内~也应该嘉奖的哈~

  3. wangyh 回复此留言 2009/04/04 06:42 #comment-5615

    很好,很强大!

  4. welee 回复此留言 2009/04/04 08:13 #comment-5618

    总算写完了?呵呵,写得很好,帮了我很多,辛苦了!!

  5. xiaorsz 回复此留言 2009/04/04 11:32 #comment-5624

    很强大,看完了四篇再来顶一下!!

  6. Showfom 回复此留言 2009/04/06 12:28 #comment-5646

    嗯,不错

  7. Alex 回复此留言 2009/04/07 17:07 #comment-5676

    刚才看完了,这两天用这个给博客搞一个简单但的联系表格。。

  8. Timer 回复此留言 2009/04/08 08:03 #comment-5696

    会程序真好,真好


The trackbacks and pingpacks:

  • 零食屋 » Blog Archive » 30+ jQuery中文教程和资源 - Pingback on 09/07/01 13:22