jQuery(document).ready(function ($) {

    // Display form from link inside a popup

$('#pop_login, #pop_signup').live('click', function (e) {

        formToFadeOut = $('form#register');

        formtoFadeIn = $('form#login');

        if ($(this).attr('id') == 'pop_signup') {

            formToFadeOut = $('form#login');

            formtoFadeIn = $('form#register');

        }

        formToFadeOut.fadeOut(500, function () {

            formtoFadeIn.fadeIn();

        })

        return false;

    });

 

// Close popup

    $(document).on('click', '.login_overlay, .close', function () {

$('form#login, form#register').fadeOut(500, function () {

            $('.login_overlay').remove();

        });

        return false;

    });

 

    // Show the login/signup popup on click

    $('#show_login, #show_signup').on('click', function (e) {

        $('body').prepend('<div class="login_overlay"></div>');

        if ($(this).attr('id') == 'show_login')

$('form#login').fadeIn(500);

        else

$('form#register').fadeIn(500);

        e.preventDefault();

    });

 

// Perform AJAX login/register on form submit

$('form#login, form#register').on('submit', function (e) {

        if (!$(this).valid()) return false;

        $('p.status', this).show().text(ajax_auth_object.loadingmessage);

action = 'ajaxlogin';

username = $('form#login #username').val();

password = $('form#login #password').val();

email = '';

security = $('form#login #security').val();

if ($(this).attr('id') == 'register') {

action = 'ajaxregister';

username = $('#signonname').val();

password = $('#signonpassword').val();

         email = $('#email').val();

         security = $('#signonsecurity').val();

}  

ctrl = $(this);

$.ajax({

            type: 'POST',

            dataType: 'json',

            url: ajax_auth_object.ajaxurl,

            data: {

                'action': action,

                'username': username,

                'password': password,

'email': email,

                'security': security

            },

            success: function (data) {

$('p.status', ctrl).text(data.message);

if (data.loggedin == true) {

                    document.location.href = ajax_auth_object.redirecturl;

                }

            }

        });

        e.preventDefault();

    });

 

// Client side form validation

   if (jQuery("#register").length)

jQuery("#register").validate(

{

rules:{

password2:{ equalTo:'#signonpassword'

}

}}

);

    else if (jQuery("#login").length)

jQuery("#login").validate();

});

<?php

function ajax_auth_init(){

wp_register_style( 'ajax-auth-style', get_template_directory_uri() . '/css/ajax-auth-style.css' );

wp_enqueue_style('ajax-auth-style');

 

wp_register_script('validate-script', get_template_directory_uri() . '/js/jquery.validate.js', array('jquery') );

    wp_enqueue_script('validate-script');

 

    wp_register_script('ajax-auth-script', get_template_directory_uri() . '/js/ajax-auth-script.js', array('jquery') );

    wp_enqueue_script('ajax-auth-script');

 

    wp_localize_script( 'ajax-auth-script', 'ajax_auth_object', array(

        'ajaxurl' => admin_url( 'admin-ajax.php' ),

        'redirecturl' => home_url(),

        'loadingmessage' => __('Sending user info, please wait...')

    ));

 

    // Enable the user with no privileges to run ajax_login() in AJAX

    add_action( 'wp_ajax_nopriv_ajaxlogin', 'ajax_login' );

// Enable the user with no privileges to run ajax_register() in AJAX

add_action( 'wp_ajax_nopriv_ajaxregister', 'ajax_register' );

}

 

// Execute the action only if the user isn't logged in

if (!is_user_logged_in()) {

    add_action('init', 'ajax_auth_init');

}

  

function ajax_login(){

 

    // First check the nonce, if it fails the function will break

    check_ajax_referer( 'ajax-login-nonce', 'security' );

 

    // Nonce is checked, get the POST data and sign user on

   // Call auth_user_login

auth_user_login($_POST['username'], $_POST['password'], 'Login');

 

    die();

}

 

function ajax_register(){

 

    // First check the nonce, if it fails the function will break

    check_ajax_referer( 'ajax-register-nonce', 'security' );

 

    // Nonce is checked, get the POST data and sign user on

    $info = array();

   $info['user_nicename'] = $info['nickname'] = $info['display_name'] = $info['first_name'] = $info['user_login'] = sanitize_user($_POST['username']) ;

    $info['user_pass'] = sanitize_text_field($_POST['password']);

$info['user_email'] = sanitize_email( $_POST['email']);

 

// Register the user

    $user_register = wp_insert_user( $info );

if ( is_wp_error($user_register) ){

$error  = $user_register->get_error_codes() ;

 

if(in_array('empty_user_login', $error))

echo json_encode(array('loggedin'=>false, 'message'=>__($user_register->get_error_message('empty_user_login'))));

elseif(in_array('existing_user_login',$error))

echo json_encode(array('loggedin'=>false, 'message'=>__('This username is already registered.')));

elseif(in_array('existing_user_email',$error))

        echo json_encode(array('loggedin'=>false, 'message'=>__('This email address is already registered.')));

    } else {

   auth_user_login($info['nickname'], $info['user_pass'], 'Registration');       

    }

 

    die();

}

 

function auth_user_login($user_login, $password, $login)

{

$info = array();

    $info['user_login'] = $user_login;

    $info['user_password'] = $password;

    $info['remember'] = true;

 

$user_signon = wp_signon( $info, false );

    if ( is_wp_error($user_signon) ){

echo json_encode(array('loggedin'=>false, 'message'=>__('Wrong username or password.')));

    } else {

wp_set_current_user($user_signon->ID);

        echo json_encode(array('loggedin'=>true, 'message'=>__($login.' successful, redirecting...')));

    }

 

die();

}