使用电子邮件/密码进行Firebase身份验证

Question

I'm using below function to login an existing user with firebase authentication, but for some reason nothing happens. I don't get an error or confirmation. I can paste the same code into my DOM console and get logged in, but for some reason nothing when I call this function from my JS file. I've confirmed that the input's for email/password are right, and believe this may be an Async issue, but not sure how to go upon resolving it.

 $('.user-login').on("submit", function () {
   var email = $('.email-login').val().trim();
   var password = $('.password-login').val().trim();
   console.log(email + ' ' + password)
firebase.auth().signInWithEmailAndPassword(email, password)
  .then(function () {
    console.log('logged in')
  })
  .catch(function (error) {
    console.log(error);
  });

})

Answer 1

.onAuthStateChanged is how to handle the signin.

 firebase.auth().onAuthStateChanged(function(user) { if (user) { // User is signed in. } }); 

Answer 2

I am using this code from a while and its working perfectly fine on all browsers. and this will also provide you with errors in case they occur.

function signIn() {
  var email = document.querySelector("#email").value;
  var password = document.querySelector("#password").value;
  firebase.auth().signInWithEmailAndPassword(email, password).catch(function (error) {
    // Handle Errors here.
    var errorCode = error.code;
    var errorMessage = error.message;
    window.alert(errorMessage);
  });
}

and this to handle events on user state change like he login and logout.

var user = firebase.auth().currentUser;

    firebase.auth().onAuthStateChanged(function (user) {
          if (user) {

        }
        });