码迷,mamicode.com
首页 > Web开发 > 详细

ajax 登录

时间:2018-10-03 23:12:50      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:new   span   roo   ssi   res   ISE   link   users   ror   

= form_for @user, :url => login_validate_path(@user), :html => {:class => "form-horizontal", :id => "sign-in-user"}, :format => :json, :remote => true do|f| 
  .samples-error-msg
  .form-group
    .col-md-12
      = f.email_field :email, :class => "form-control samples-email-input", :placeholder => "邮箱"
  .form-group
    .col-md-12
      = f.password_field :password, autocomplete: "off", :class => "form-control samples-pwd-input", :placeholder => "密码"
    .col-md-12.sample-login-content
      = link_to "注册", new_user_registration_path, :target => "_blank"
  .form-group
    .col-md-12
      %button.btn.btn-block.samples-modal-btn#samples-login-btn
        登  录
function loginModal(url) {
  $("form#sign-in-user").bind("ajax:success", function(e, data){
    if (data.success) {
      setTimeout(location.href = url, 6000);
    } else {
      $(".samples-error-msg").text("用户名或密码错误");
      $("#samples-login-btn").html("登录");
      $("#samples-login-btn").removeAttr("disabled");
      return;
    }
  });

  $("form#sign-in-user").submit(function(){
    $(".samples-error-msg").html("");
    $("#samples-login-btn").html("<span class=‘glyphicon glyphicon-refresh glyphicon-refresh-animate‘></span> 登录中...");
    $("#samples-login-btn").attr("disabled", "disabled");
  });
}

 

class Users::SessionsController < Devise::SessionsController
  layout "application_home"

  def create
    super 
  end
 
  def after_sign_in_path_for(resource)
    root_path
  end

  def user_validate
    resource = User.find_for_database_authentication(email: params[:user][:email])
    return render :json => {:success => false} unless resource

    if resource.valid_password?(params[:user][:password])
      sign_in :user, resource
      return render :json => {:success => true}
    else
      return render :json => {:success => false}
    end
  end
end

 

ajax 登录

标签:new   span   roo   ssi   res   ISE   link   users   ror   

原文地址:https://www.cnblogs.com/znsongshu/p/9739133.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!