[x iJailBreak x]

Originally Posted by kh99

I was able to replicate the issue, but I can't figure out what's going on. All the recaptcha stuff is where it should be and it's loading the javascript from google, and there aren't any js errors, but it's not showing up.

So are you saying that the original recaptcha worked with vbsocial, until you installed this mod? I uninstalled completely and the original recaptcha doesn't work, but I didn't try it before installing my mod. I don't see how it could affect anything after being uninstalled, but anything's possible.

ETA: anyway, this mod works just like the original recaptcha that comes with vbulletin, and I don't really have time to figure out why there's a conflict even with the original (as I suspect it doesn't work even for someone who has never installed my mod). But I *am* working on a new version of this mod to include a template for the mobile style and make a few other tweaks, and one thing I was thinking of including is an option to use the "alternate" way to render the recaptcha widget (see the google developer page if you're curious about it). So it's possible that will solve the issue.

The conflict is due to vBSocial 10 allowing people to reset their password via the header bar and it includes human verification - to fix, make an edit to the template vbsocial_notification_guest_account_tab. You'll want to replace everything in it with the following:

<li class="divider"></li>

<style type="text/css">
    #imageregt { max-width: 220px; }
    #carousel-guest-account .rightcol { margin-{vb:stylevar left}: 0px;
</style>

<li class="dropdown-grid">
    <a data-toggle="dropdown" href="javascript://" class="dropdown-toggle" rel="nofollow"><i class="fa fa-sign-in"></i>&nbsp;{vb:rawphrase log_in}<span class="caret"></span></a>

    <div class="dropdown-grid-wrapper">
        <ul class="dropdown-menu col-xs-12 col-sm-10 col-md-8 col-lg-7" role="menu" >
            <li>
                <div id="carousel-guest-account" class="carousel slide">
                    <div class="row">
                        <div class="col-lg-8 col-md-8 col-sm-8 border-right">
                            <div class="carousel-inner">
    
                                <!-- login form -->
                                <div class="item active">
                                    <h3 class="text-right"><i class="fa fa-sign-in"></i> {vb:rawphrase log_in}</h3><br>

                                    <form method="post" action="login.php?{vb:raw session.sessionurl}do=login" class="form-horizontal" role="form" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, {vb:raw show.nopasswordempty})">
                                        <div class="form-group">
                                            <label for="inputUsername" class="col-sm-3 control-label">{vb:rawphrase username}</label>

                                            <div class="col-sm-9"><input type="text" class="input-sm form-control" name="vb_login_username" id="inputUsername" placeholder="{vb:rawphrase username}" autocomplete="off" tabindex="1" accesskey="u"></div>
                                        </div>
                                        <div class="form-group">
                                            <label for="inputPassword3" class="col-sm-3 control-label">{vb:rawphrase password}</label>
                                            <div class="col-sm-9"><input type="password" class="input-sm form-control" name="vb_login_password" id="inputPassword3" placeholder="{vb:rawphrase password}" autocomplete="off" tabindex="2"></div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-offset-3 col-sm-5">
                                                <div class="checkbox no-padding">
                                                   <label><input type="checkbox" name="cookieuser" value="1"  accesskey="c" tabindex="3" /> {vb:rawphrase remember_me}</label>
                                                </div>
                                            </div>
      
                                            <div class="col-sm-4">
                                                <button class="btn btn-default pull-right" tabindex="4" type="submit"><i class="fa fa-unlock-alt"></i> {vb:rawphrase log_in}</button>
                                            </div>               
                                        </div>
                                        
                                        <input type="hidden" name="do" value="login" />
                                        <input type="hidden" name="vb_login_md5password" />
		                        <input type="hidden" name="vb_login_md5password_utf" />

                                        <input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
		                        <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
                                    </form>

                                     <vb:if condition="$vboptions['enablefacebookconnect']">
					      <a id="fb_getconnected" href="#"><img src="{vb:stylevar imgdir_misc}/facebook_login_long.gif" alt="{vb:rawphrase facebook_connect}" /></a>
				    </vb:if>
                                </div>

                                <vb:if condition="$show['registerbutton']">
                                <div class="item"></div>
                                </vb:if>

                                <!-- Forgot your password -->
                                <vb:if condition="THIS_SCRIPT != 'register'">
                                    <div class="item">
                                        <h3 class="text-right"><i class="fa fa-warning"></i> {vb:rawphrase lost_password_recovery_form}</h3>
                                        <br>
                                        <p class="text-justify"><small><i>{vb:rawphrase forgotten_password_request_email}</small></i></p>

                                        <form id="lost_password" method="post" class="form" role="form" action="login.php?{vb:raw session.sessionurl}do=emailpassword">

                                            <div class="form-group">{vb:raw human_verify}</div>

                                            <div class="input-group">
                                                <input type="text" class="form-control" placeholder="{vb:rawphrase enter_your_email_address}" name="email" autocomplete="off">

                                                <span class="input-group-btn">
                                                <button class="btn btn-default" type="submit"><i class="fa fa-envelope"></i> {vb:rawphrase send_it_to_me}!</button>
                                                </span>
                                            </div>

                                            <input type="hidden" name="do" value="emailpassword" />
                                            <input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
                                    <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
                                        </form>

                                    </div>
                                </vb:if>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-4 col-sm-4">
                            <ol class="carousel-indicators navbar-carousel-indicators" style="">
                                <li data-target="#carousel-guest-account" data-slide-to="0" class="active"><a href="javascript://">{vb:rawphrase log_in}<span class="desc">{vb:rawphrase already_have_an_account_log_in}</span></a></li>

                                <vb:if condition="$show['registerbutton']">
                                <li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}<span class="desc">{vb:rawphrase create_new_account}</span></a></li></vb:if>
                               
                                <vb:if condition="THIS_SCRIPT != 'register'">
                                <li data-target="#carousel-guest-account" data-slide-to="{vb:if $show['registerbutton'], 2, 1}" class=""><a href="login.php?{vb:raw session.sessionurl}do=lostpw" class="" rel="nofollow">{vb:rawphrase forgot_your_password}?<span class="desc">{vb:rawphrase dont_worry_it_happens}</span></a></li>
                                </vb:if>

                                <vb:if condition="$show['contactus']"><li><a href="sendmessage.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase contact_us}<span class="desc">{vb:rawphrase send_email_to_forum_administrator}</span></a></li></vb:if>

                            </ol>

                        </div>

                    </div>
                </div>
            </li>
        </ul>
    </div>
</li>

<vb:if condition="$show['registerbutton']">
<li class="divider"></li>
<li>
     <a rel="nofollow" href="register.php{vb:raw session.sessionurl_q}"><i class="fa fa-user"></i> {vb:rawphrase register}</a>       
</li>
</vb:if>

All this will do is remove the lost password form in the header on register.php (but not anywhere else), which fixes human verification.