首页 > 折腾WP > JS生成器实现评论信息快速填写

JS生成器实现评论信息快速填写

这是闲逛时发现的东西，类似于之前见过的“搜狗云输入法”这个东东。只要把生成的代码保存为快捷方式或者加入到收藏夹，下次你在别人博客评论时就不用输入那些要你输了无数次的评论信息了。

即使很多博客都有 session 记录也可能会有丢失的一天，即使可以点击输入框有下拉列表也方便，但绝对没有这个方便。

昵称(必须)：

邮箱地址(必须)：

站点：

具体代码如下：

<script type="text/javascript">
(function($){
    $(document).ready(function() {
        $('.code_result').hide();
        $('#generate_code').click(function(){
            var re = /^[0-9a-zA-Z]+([\.\-\_][0-9a-zA-Z]+)*@[0-9a-zA-Z]+([\.\-][0-9a-zA-Z]+)*.[a-zA-Z]+$/;
            if($('#commenter_author').val() == ”) {
                $('#commenter_author').css(‘border’, ’solid 1px #ff0000′);
                $('#commenter_author').focus();
            } else if(!re.test($('#commenter_email').val())) {
                $('#commenter_email').css(‘border’, ’solid 1px #ff0000′);
                $('#commenter_email').focus();
            } else {
                var commenter_code = 'javascript:document.getElementById(\'author\’).value = \”+$(‘#commenter_author’).val()+’\’; document.getElementById(\’email\’).value = \”+$(‘#commenter_email’).val()+’\’; document.getElementById(\’url\’).value = \”+$(‘#commenter_url’).val()+’\’; void(0)’;
                $('#wp_commenter_code').html(commenter_code);
                $('.code_result>a').attr(‘href’, commenter_code);
                $('.code_result').show();
            }
        });
        $('#cheon_code_generator input').keyup(function() {
            $(this).css('border', ’solid 1px #000000′);
        });
    });
})(jQuery);
</script>
<div id="cheon_code_generator" style=”padding:10px;”>
<p>昵称(必须)：<br />
<input type="text" value=”" name=”commenter_author” id=”commenter_author” style=”border:solid 1px #000;”></p>
<p>邮箱地址(必须)：<br />
<input type="text" value=”" name=”commenter_email” id=”commenter_email” style=”border:solid 1px #000;”></p>
<p>站点：<br />
<input type="text" value=”" name=”commenter_url” id=”commenter_url” style=”border:solid 1px #000;”></p>
<p><textarea cols="40" rows=”10″ name=”wp_commenter_code” id=”wp_commenter_code” style=”border:solid 1px #000;”></textarea></p>
<p><input type="button" value=”生成代码” id=”generate_code” style=”border:solid 1px #000;”></p>
<p class="code_result" style=”display:none;”>拖拽下面的链接到您的书签工具栏或者右键单击链接把它添加到您的收藏夹中可创建一个快速填写WP评论者信息的快捷方式。<br /><a href=”#”>快速填写WP评论信息</a></p>
</div>