前段时间博友反映我的博客提交评论表单时，需要等待很长的时间，而误导致多次点击提交评论按钮，出现重复评论的情况。对此我查找了诸多方面，比如换个空间、换主题、数据库优化等等，问题任未解决。但是总不能闲着吧，我想到了ajax评论，让用户在提交后屏蔽掉提交按钮，提示等待一段时间，免去重复点击提交。

网络之大，总能够找到方法的，我庆幸自己找到AjaxComments插件，也安装了上去。不过问题出现了，当自己登录时提交评论可以实现ajax效果也能提交成功，但是非注册用户（即游客）发表评论提交时，会出现错误，但这个错误我不知道是如何产生，也不知道如何解决。

我想应该是版本的问题吧，因该插件适用版本为typecho0.8，1.0估计有些变化所以导致无效。

于是我又找了一些类似的代码，也调试了一些，最后终于让我找到了解决方案，一条简单的js和html，实现提交评论后等待中的提示，并且在等待的同时屏蔽了提交按钮，防止用户错误重复提交评论表单。

Js

function showSending() { 
sending.style.visibility="visible"; 
} 

html

    <div id="sending" style="position:absolute; z-index:10; width: 400; visibility: hidden">  
        <table width="400" height="80" border="0" cellspacing="2" cellpadding="0" bgcolor="#8FA8E9"> 
          <tr>  
            <td bgcolor="#eeeeee" align="center">内容正在发送, 请稍候...</td> 
          </tr> 
        </table> 
    </div>

以上代码一并放置在提交按钮前，可以根据自己需要更改大小、颜色、提示文字等内容，也可增加一些图片、css3等特效。

最后一步，给type="submit" 添加 onClick="showSending()"属性