Parse.com Javascript API Login

Question

I'm trying to create a user login using Parse.com's JS SDK. I try logging in a user I've created in the database, the page reloads and nothing happens. I don't receive any error messages.

function Login()        {

<!--Connect to JS SDK-->
Parse.initialize("", "");

event.preventDefault();

//Assign form values to JS variables
var username = $("#login-username").val();
var password = $("#login-password").val();

//Log the user in
Parse.User.logIn("username", "password", {
 success: function(user) {
 alert("Welcome back, " + username)
 var currentUser = Parse.User.current();
        if(currentUser) window.location.href = 'gameslist.html';
},

error: function(user, error) {
// The login failed. Check error to see why.
}
});
}

My HTML form:

<form class="form" id="loginForm" role="form">
    <div class="inputs"> 
      <input type="text" id="login-username" name="username" placeholder="Username"/>
    </div>
    <div class="inputs">
      <input type="password" id="login-password" name="password" placeholder="Password"/>
    </div>
    <div>
      <input type="submit" id="Login" value="Login" onclick="Login()"/>
    </div>
  </form>

Some help with this issue would be much appreciated, Thanks!

In Firefox: TypeError: HTMLInputElement is not a function (evaluating 'Login()') — Will
– Will, Commented Nov 25, 2014 at 21:02
I don't see anything specifically wrong with the code you posted, but the error message is saying that within your Login() function, you're trying to use a variable as a function, where the variable is actually a reference to an HTML input element. I suspect the issue is somewhere in your code that connects to the SDK (which is not posted). — Jonathan Gray
– Jonathan Gray, Commented Nov 25, 2014 at 21:18
Actually at a second glance, you are incorrectly putting quotation marks around "username" and "password" when calling Parse.User.logIn, however that still does not explain the error. — Jonathan Gray
– Jonathan Gray, Commented Nov 25, 2014 at 21:26
My SDK connection is just '<script type="text/Javascript" src="//www.parsecdn.com/js/parse-1.3.1.min.js"></script>' — Will
– Will, Commented Nov 26, 2014 at 18:32

jeffdill2 · Accepted Answer · 2018-02-05 14:44:34Z

I see a few things here:

You don't have any keys specified in your initialize() method. I assume you removed those for the sake of posting to SO, but wanted to point it out just in case.
In the Parse logIn() method, you're not passing in the username and password variables. Rather, you're passing in string literals - "username" and "password", respectively. So basically, you're telling Parse that you want to login a user named "username" who has a password of "password".
The reason you're not seeing any error messages is because you're not logging any to the console. You'll need to do something like the following to see what Parse is telling you is erring out:
```
error: function(user, error) {
  console.log('Error Message:', error);
}
```
Unrelated to Parse, but just another FYI, you're calling preventDefault() on event but event doesn't actually exist. You'll need to pass an argument into your function (in this case, called "event"), if you want to call preventDefault() on it.

You're definitely on the right track - keep at it!

Collectives™ on Stack Overflow

Parse.com Javascript API Login

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related