Tôi có biểu mẫu Đăng nhập WordPress hoạt động ở đầu trang web của mình, cho phép người dùng của tôi đăng nhập mà không phải truy cập wp-login.php hoặc rời khỏi "chủ đề" hoặc trang web.Đăng nhập WordPress trong jQuery Popup - Cách xác thực đăng nhập bằng jQuery Ajax?
Nếu bạn goto http://westendmediacentre.com/dev và nhấp vào đăng nhập, bạn có thể thấy rằng tôi có biểu mẫu xuất hiện trong cửa sổ bật lên jQuery. Mã của tôi cho điều này là như sau:
Mẫu Mã số:
<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'});
});
này hoạt động hoàn hảo, tuy nhiên, nếu bạn cố gắng đăng nhập với một số thông tin xấu, bạn sẽ có được tái -directed đến một trang WordPress cho bạn lỗi.
Điều tôi muốn làm là có lỗi xuất hiện trong cửa sổ bật lên jQuery của mình, để khi bạn cố gắng đăng nhập bằng thông tin đăng nhập không hợp lệ, nó cung cấp thông báo lỗi phía trên hoặc dưới biểu mẫu thay vì chuyển hướng đến trang có lỗi hiển thị ở đó.
tôi đã cố gắng làm theo hướng dẫn này, tuy nhiên nó đã không làm việc đúng với mã hiện tại của tôi: http://www.tutorialstag.com/custom-wordpress-login-without-using-a-plugin.html
sẽ đánh giá cao nếu ai đó có thể gửi một giải pháp làm việc
Bạn không đăng thông tin đăng nhập của mình qua Ajax. Bạn chỉ cần đăng lên login.php. Hướng dẫn được tham chiếu là cách chính xác để đăng thông tin đăng nhập bằng ajax. –
Khi tôi cố gắng sử dụng hướng dẫn, trên một trang trống, tôi có thể làm cho nó hoạt động đúng. Nhưng khi tôi cố gắng tích hợp nó với mã hiện tại của tôi, tôi gặp vấn đề. Khi đăng nhập, nó tải lại toàn bộ trang trong cửa sổ bật lên jQuery của tôi trong div "results", thay vì chỉ là kết quả. Tất cả những gì tôi cần là khi có lỗi, nó nói như vậy trong kết quả div, và khi thành công của nó, để chuyển hướng đến một trang. Làm thế nào tôi có thể làm điều đó? –
câu hỏi này nên truy cập http://wordpress.stackexchange.com/ –