A javascript file that handles AJAX calls and on click events for AJAX log in and register. Part of Header AJAX login/register gist (3)

ajax-login-script.js

jQuery(document).ready(function($) {
	"use strict";

    // Show the login dialog box on click
    $('a#show_login').on('click', function(e){
        $('.ajax_login_overlay').fadeIn(500);
        $('form#login').fadeIn(500);
        e.preventDefault();
    });

    $('.ajax_login_overlay').on('click', function(e){
        $('form#login').fadeOut(500);
        $('.ajax_login_overlay').fadeOut(500);
        $('form#register_form').hide();
        $('.ajax_login .status').html('');
        $('#registration-error-message').html('');
        $('form#login').hide();
        $('form#register_form .field input').val('');
    });

    // Perform AJAX login on form submit
    $('form#login').on('submit', function(e){
        $('form#login p.status').show().text(ajax_login_object.loadingmessage);
        $.ajax({
            type: 'POST',
            dataType: 'json',
            url: ajax_login_object.ajaxurl,
            data: {
                'action': 'ajaxlogin', //calls wp_ajax_nopriv_ajaxlogin
                'username': $('form#login #username').val(),
                'password': $('form#login #password').val(),
                'security': $('form#login #security').val() },
            success: function(data){
                $('form#login p.status').text(data.message);
                if (data.loggedin === true){
                    document.location.href = ajax_login_object.redirecturl;
                }
            }
        });
        e.preventDefault();
    });

    //Register

    $('a#show_register').on('click', function(e){
        $('.ajax_login_overlay').fadeIn(500);
        $('form#register_form').fadeIn(500);
        e.preventDefault();
    });

	$(document).on('click', '#register-me', function(){

		var action   = 'register_action';
		var username = $("#yourtheme_register-username").val();
		var mail_id  = $("#yourtheme_register-email").val();
		var firname  = $("#yourtheme_register-fname").val();
		var lasname  = $("#yourtheme_register-lname").val();

		var ajaxdata = {
			action: 'register_action',
			username: username,
			mail_id: mail_id,
			firname: firname,
			lasname: lasname,
		};

		$.post( ajax_login_object.ajaxurl, ajaxdata, function(res){
			$("#registration-error-message").html(res);
		});

	});


});