Question

I have tried the codes from here

I have even tried this code

   <?php wp_login_form(); ?>

But if user enters a wrong username or password they get redirected to wp_login.php

Is there any login form which perform data in a page itself ?

Answer 1

+1 for a clear question

Hello you can use this form

 < ?php
 /*
Template Name: Custom WordPress Login
      */
  global $user_ID;

    if (!$user_ID) {

     if($_POST){
    //We shall SQL escape all inputs
      $username = $wpdb->escape($_REQUEST['username']);
     $password = $wpdb->escape($_REQUEST['password']);
    $remember = $wpdb->escape($_REQUEST['rememberme']);

    if($remember) $remember = "true";
       else $remember = "false";
  $login_data = array();
 $login_data['user_login'] = $username;
   $login_data['user_password'] = $password;
   $login_data['remember'] = $remember;
     $user_verify = wp_signon( $login_data, true ); 

    if ( is_wp_error($user_verify) ) 
     {
      echo "<span class="error">Invalid username or password. Please try again!</span>";
     exit();
   } else 
   {    
   echo "<script type="text/javascript">window.location='". get_bloginfo('url') ."'</script>";
   exit();
  }
} else { 

  get_header();

  ?>
      <div id="container">
      <div id="content">

     <!--?php the_title(); ?-->

     <div id="result"></div> <!-- To hold validation results -->
     <form id="wp_login_form" action="" method="post">

     <label>Username</label><br>
     <input type="text" name="username" class="text" value=""><br>
        <label>Password</label><br>
       <input type="password" name="password" class="text" value=""> <br>
    <label>
    <input name="rememberme" type="checkbox" value="forever">Remember me</label>
         <br><br>
     <input type="submit" id="submitbtn" name="submit" value="Login">

      </form>

       <script type="text/javascript">                          
       $("#submitbtn").click(function() {

          $('#result').html('<img src="<?php bloginfo('template_url'); ?>/images/loader.gif"               class="loader" />').fadeIn();
     var input_data = $('#wp_login_form').serialize();
     $.ajax({
     type: "POST",
      url:  "<?php echo "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>",
     data: input_data,
      success: function(msg){
     $('.loader').remove();
    $('<div>').html(msg).appendTo('div#result').hide().fadeIn('slow');
    }
      });
      return false;

      });
    </script>

     </div>
      </div>
     <!--?php

    get_footer();
}
     }
    else {
echo "<script type='text/javascript'-->window.location='". get_bloginfo('url') ."'";
     }
      ?>