一段伪ajax提交评论代码

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

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

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

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

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

Loekman

85后,处女座,拖延症患者。

暂无任何评论

发表评论