Skip to content

Instantly share code, notes, and snippets.

@matiullah31

matiullah31/Simple Ajax Login Form.php

Forked from cristianstan/Simple Ajax Login Form.php
Created September 16, 2020 05:24
Show Gist options
  • Save matiullah31/be9f5125dab590574e481bc6fda8daf8 to your computer and use it in GitHub Desktop.
Save matiullah31/be9f5125dab590574e481bc6fda8daf8 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @cristianstan cristianstan revised this gist Jun 8, 2020. 1 changed file with 6 additions and 3 deletions.
    9 changes: 6 additions & 3 deletions Simple Ajax Login Form.php
    View file
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,7 @@
    <?php
    //Simple Ajax Login Form
    //Source: http://natko.com/wordpress-ajax-login-without-a-plugin-the-right-way/
    ?>

    //html
    <form id="login" action="login" method="post">
    @@ -16,6 +17,8 @@
    <?php wp_nonce_field( 'ajax-login-nonce', 'security' ); ?>
    </form>


    <?php
    //add this within functions.php
    function ajax_login_init(){

    @@ -50,9 +53,9 @@ function ajax_login(){
    $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 {
    if ( !is_wp_error($user_signon) ){
    wp_set_current_user($user_signon->ID);
    wp_set_auth_cookie($user_signon->ID);
    echo json_encode(array('loggedin'=>true, 'message'=>__('Login successful, redirecting...')));
    }

  2. @cstanthecon cstanthecon created this gist Apr 9, 2014.
    100 changes: 100 additions & 0 deletions Simple Ajax Login Form.php
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,100 @@
    <?php
    //Simple Ajax Login Form
    //Source: http://natko.com/wordpress-ajax-login-without-a-plugin-the-right-way/

    //html
    <form id="login" action="login" method="post">
    <h1>Site Login</h1>
    <p class="status"></p>
    <label for="username">Username</label>
    <input id="username" type="text" name="username">
    <label for="password">Password</label>
    <input id="password" type="password" name="password">
    <a class="lost" href="<?php echo wp_lostpassword_url(); ?>">Lost your password?</a>
    <input class="submit_button" type="submit" value="Login" name="submit">
    <a class="close" href="">(close)</a>
    <?php wp_nonce_field( 'ajax-login-nonce', 'security' ); ?>
    </form>

    //add this within functions.php
    function ajax_login_init(){

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

    wp_localize_script( 'ajax-login-script', 'ajax_login_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' );
    }

    // Execute the action only if the user isn't logged in
    if (!is_user_logged_in()) {
    add_action('init', 'ajax_login_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
    $info = array();
    $info['user_login'] = $_POST['username'];
    $info['user_password'] = $_POST['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 {
    echo json_encode(array('loggedin'=>true, 'message'=>__('Login successful, redirecting...')));
    }

    die();
    }

    //Create a file ajax-login-script.js within theme's directory and paste this js

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

    // Show the login dialog box on click
    $('a#show_login').on('click', function(e){
    $('body').prepend('<div class="login_overlay"></div>');
    $('form#login').fadeIn(500);
    $('div.login_overlay, form#login a.close').on('click', function(){
    $('div.login_overlay').remove();
    $('form#login').hide();
    });
    e.preventDefault();
    });

    // 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();
    });

    });
    ?>