WordPress登录jQuery Popup - 如何使用jQuery Ajax验证登录？

Question

我的WordPress登录表单在我的网站的前端工作,允许我的用户登录而无需访问wp-login.php或离开"主题"或网站.

如果您转到http://westendmediacentre.com/dev并单击登录,您可以看到我在jQuery弹出窗口中显示该表单.我的代码如下:

表格代码:

<div class="login-form">
      <form action="<?php echo get_option('home'); ?>/wp-login.php" method="post">
        <input type="text" name="log" id="log" value="Username<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" size="20" class="login-fields" onclick="this.value='';" onblur="this.value=!this.value?'Username':this.value;"/>
        <input type="password" name="pwd" id="pwd" value="Password" size="20" class="login-fields" onclick="this.value='';" onblur="this.value=!this.value?'Password':this.value;"/>
        <input type="submit" name="submit" value="Login" class="login-button" />
        <input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>" />
      </form>
</div>

jQuery的:

$('.button-login').click(function() {
    $('.login-box').fadeIn('slow', function() {
    // Animation complete
    });
    $(".login-box").css({'z-index' : '10000'});
    $("#the-lights").css({'display' : 'block'});
    $("#the-lights").css({'z-index' : '1'});
    $("#the-lights").fadeTo("slow",0.7);
});
$('.login-box-close').click(function() {
    $('.login-box').fadeOut('fast', function() {
    // Animation complete
    });
    $("#the-lights").fadeTo("slow",0);
    $("#the-lights").css({'display' : 'none'});
});

这非常有效,但是,如果您尝试使用一些错误的凭据登录,则会重新定向到WordPress页面,从而导致错误.

我想做的是,我的jQuery弹出窗口中出现了这些错误,因此当您尝试使用错误的凭据登录时,它会在表单上方或下方显示错误消息,而不是重定向到另一个页面并显示错误在那里显示.

我尝试按照本教程进行操作,但是我的现有代码无效:http://www.tutorialstag.com/custom-wordpress-login-without-using-a-plugin.html

如果有人可以发布有效的解决方案,我将不胜

Answer 1

这都是关于 wordperess 的结构，首先你应该知道，即使你提供正确或错误的登录凭据，你的结构也会将用户重定向到 wp-login.php （因为）
< ?php echo get_option('home'); ?>/wp-login.php行（我的意思是你只是发布你的用户名和密码到wp-login.php）
然后如果提供的信息正确，那么wordpress再次立即将用户重定向到主页，否则显示错误（带有摇动效果），您可以在wp-login.php文件中找到所有这些操作。
您可以使用两种不同的选项。

• 您可以破解 wp-login.php 文件，就像
  用户没有提供正确的用户名/密码一样，然后让他重定向回 http://www.westendmediacentre.com/dev/
• 您可以使用 Ajax 验证构建自己的登录机制（我的意思是您准备一个用于数据库连接的 php 文件并从数据库检索用户名和密码并将结果发送回您的登录系统）

如果你选择第二种方式，你可以控制这个帖子。这非常有用。