【问题标题】:Unable to display output in Chrome Console with Jquery无法使用 Jquery 在 Chrome 控制台中显示输出
【发布时间】:2015-12-02 10:26:01
【问题描述】:

我是 parse 和 jquery 的初学者。但是由于某种原因,我遇到了最基本的问题,即将消息输出到控制台。我检查了我的 Chrome 设置,它们正在过滤给所有人。

我编写了代码来简单地将电子邮件和密码 FE 输入存储到解析中。如果输入与我创建的基本验证匹配,它应该显示一条控制台消息。如果输入无效,它应该显示另一条控制台消息。但由于某种原因,我尝试过的一切似乎都不起作用。这是我的代码的样子。 http://imgur.com/a/XHQeg

感谢您的帮助。如果我遗漏了任何信息,请告诉我。

index.html

    <div class="modal fade" id="signUp" tabindex="-1" role="dialog" aria-labelledby="signUpLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="signUp-title" id="signUpLabel">Sign Up</h4>

      </div>
      <div class="modal-body">
  <form id = "register-form">
    <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
      </div>
      <div class="form-group">
    <label for="password">Password</label>
    <input type="password" class="form-control" id="password" placeholder="Password">
     </div>
       <div class="form-group">
    <label for="password2">Confirm Password</label>
    <input type="password" class="form-control" id="password2" placeholder="Confirm Password">
     </div>
      </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Sign Up</button>
      </div>
    </div>
  </div>
</div>

jquery.js

Parse.initialize("xxx", "yyy");

$("#register-form").submit(function(event){ event.preventDefault(); //让页面阻止刷新

var email = $("#exampleInputEmail1").值(); var 密码 = $("#password").值(); var password2 = $("#password2"). val();

如果(密码==密码2){ var user = new Parse.User(); user.set(“电子邮件”,电子邮件) user.set("密码", 密码)

user.signUp(null, {success:function(user){
  console.log("Register Succeeded!")
}, error:function(user, error){
  console.log("Registration error:" +error.message);
}   });

}

});

【问题讨论】:

  • 您的代码相当长。将其作为文本而不是图像粘贴到此处将使其他用户能够更快地为您提供帮助。
  • 完全没有想到这样做。现在修好了。感谢您的提醒!

标签: javascript jquery html web-services rest


【解决方案1】:

当我在代码编辑器中使您的代码更具可读性时,我注意到您在变量声明中的点和 val() 之间有一个空格。您还缺少密码 if 语句第一行末尾的分号。

您的按钮也不在您的表单标签内,也不是提交类型!

解决这些问题,它就会起作用。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-01-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-01
    相关资源
    最近更新 更多