Captcha for registration form

Hi,

quick tutorial to use this plugin in your register form:

https://wordpress.org/plugins/simple-recaptcha/

1st of all install the plugin, get your reCaptcha API public and private keys here: https://www.google.com/recaptcha/admin#whyrecaptcha and add them to the plugin settings.

Copy file plugins/geodirectory/geodirectory-templates/reg_frm.php and paste it into themes/your-child-theme/geodirectory/reg_frm.php

Open the file and add the code below inside the

tags, above or below the registration button and save.

<?php
// is Simple reCAPTCHA active?
if ( function_exists( 'wpmsrc_display' ) ) { 
    echo wpmsrc_display();
}
?>

Now open your child theme functions.php and add the reCaptcha validation code:

<?php
// is Simple reCAPTCHA active?
if ( function_exists( 'wpmsrc_check' ) ) {

    // check for empty user response first (optional)
    if ( empty( $_POST['recaptcha_response_field'] ) ) {
    
        $errors['captcha'] = __( 'Please complete the CAPTCHA.', 'yourtextdomain' );
    
    } else {
    
        // check captcha
        $response = wpmsrc_check();
        if ( ! $response->is_valid ) {
            $errors['captcha'] = __( 'The CAPTCHA was not entered correctly. Please try again.', 'yourtextdomain' );
            // $response['error'] contains the actual error message, e.g. "incorrect-captcha-sol"
        }
        
    }
    
}
?>

And remove the original login and register form with the following remove action call:

remove_action( 'geodir_signup_forms', 'geodir_action_signup_forms', 10 );

Open geodirectory/geodirectory_template_actions.php and find function geodir_action_signup_forms, copy it and paste it in your child theme functions.php
file. Make sure to rename it to something like my_geodir_action_signup_forms before saving.

Modify the function to make the plugin use the reg_frm.php from your child theme:

change this :

<?php include (geodir_plugin_path() . "/geodirectory-templates/reg_frm.php"); ?>

with this:

<?php include (get_stylesheet_directory() . "/geodirectory/reg_frm.php"); ?>

There are 2 of them.

In your child theme it should look like this:

function my_geodir_action_signup_forms(){
	?>
<script type="text/javascript" >
	<?php if ( $user_login ) { ?>
				setTimeout( function(){ try{
						d = document.getElementById('user_pass');
						d.value = '';
						d.focus();
					} catch(e){}
				}, 200);
	<?php } else { ?>
				try{document.getElementById('user_login').focus();}catch(e){}
	<?php } ?>
</script>
<script type="text/javascript" >
	<?php if ( $user_login ) { ?>
			setTimeout( function(){ try{
					d = document.getElementById('user_pass');
					d.value = '';
					d.focus();
				} catch(e){}
			}, 200);
	<?php } else { ?>
			try{document.getElementById('user_login').focus();}catch(e){}
	<?php } ?>
</script><?php

 global $errors;
            if(isset($_REQUEST['msg']) && $_REQUEST['msg']=='claim')
                $errors->add('claim_login', LOGIN_CLAIM);
                
            if(!empty($errors)){
                foreach($errors as $errorsObj)
                {
                    foreach($errorsObj as $key=>$val)
                    {
                        for($i=0;$i<count($val);$i++)
                        {
                            echo "<div class=sucess_msg>".$val[$i].'</div>';	
                            $registration_error_msg = 1;
                        }
                    } 
                }
            }	
            
            if(isset($_REQUEST['page']) && $_REQUEST['page']=='login' && isset($_REQUEST['page1']) && $_REQUEST['page1']=='sign_in'){?>
            
                <div class="login_form">
                    <?php include (geodir_plugin_path() . "/geodirectory-templates/login_frm.php"); ?>
                </div> 
            
            <?php }elseif(isset($_REQUEST['page']) && $_REQUEST['page']=='login' && isset($_REQUEST['page1']) && $_REQUEST['page1']=='sign_up'){ ?>
            
                <div class="registration_form">
                    <?php include (get_stylesheet_directory() . "/geodirectory/reg_frm.php"); ?>
                </div>
                
            <?php }else { ?>
           
                <div class="login_form_l">
                    <?php include (geodir_plugin_path() . "/geodirectory-templates/login_frm.php");?>
                </div>
                <div class="registration_form_r">
                    <?php include (get_stylesheet_directory() . "/geodirectory/reg_frm.php");	?>
                </div>
            
            <?php }?>
<script type="text/javascript">
	try{document.getElementById('user_login').focus();}catch(e){}
</script>

	<?php if((isset($errors->errors['invalidcombo']) && $errors->errors['invalidcombo'] != '') || (isset($errors->errors['empty_username']) && $errors->errors['empty_username'] != '')) {?>
		<script type="text/javascript">document.getElementById('lostpassword_form').style.display = '';</script>
	<?php } 
}

In your functions.php file add the new action:

add_action( 'geodir_signup_forms', 'my_geodir_action_signup_forms', 10 );

Given that the form is too narrow to accomodate the reCaptcha form, add this to your child theme style.css

.registration_form_r {
width: 35%;
}

This is tested and works, the only problem I’ve seen is the reCaptcha form is not perfectly styled, but the plugin is fairly new and Iìve asked the developer to look into it.

Thx

Thanks for spotting this, I’ve corrected on the tutorial and reported the error to the pugin developer.

Thx

I’m using a customized WP (default) login/registration page and don’t remember whether this worked on the GD version or not, but the BestWebSoft Captcha is a nice plug-n-play version that should work across the site.

A simple check box will configure it to automatically be pulled into login, registration, password reset, and comment forms.

cheers