JavaScript 解析注册不起作用 "Empty Username"

Question

我创建了一个用于注册解析的页面，这是我的代码，我故意省略了初始化:

<input type="text" id="userInput" placeholder="Username" />
<input type="text" id="passInput" placeholder="Password" />
<input type="text" id="emailInput" placeholder="E-Mail" />
<input type="submit" onclick="signUp()" />

<script>
function signUp() {	
    var user = document.getElementById("userInput").value;
    var pass = document.getElementById("passInput").value;
    var email = document.getElementById("emailInput").value;
    // Create a new instance of the user class
    var user = new Parse.User();
    user.set("username", user);
    user.set("password", pass);
    user.set("email", email);
    // other fields can be set just like with Parse.Object
  
    user.signUp().then(function(user) {
        console.log('User created successful with name: ' + user.get("username") + ' and email: ' + user.get("email"));
    }).catch(function(error){
        console.log("Error: " + error.code + " " + error.message);
    });
}
</script>

但由于某种原因，它返回错误，没有输入用户名，提前谢谢您。

Answer 1

变量 user 在下面一行中声明，以获取并存储 userInput 字段中的值。

var user = document.getElementById("userInput").value;

但是，在下面的行中，您将覆盖上面的变量声明。

 var user = new Parse.User();

现在，如果您此时尝试 console.log(user)，您会发现变量 user 将不包含 document.getElementById("userInput").value; 但将包含 User

的实例

这就是为什么当你尝试运行时你不会获得正确的值user.set("用户名", user);

在声明变量时使用 ES6 let，这将帮助您在编译时捕获此类问题并尽快纠正。

对于当前问题，只需修改变量名称即可解决您的问题。

let userInput = document.getElementById("userInput").value;

user.set("username", userInput );

干杯。