Javascript 无法通过网页将数据上载到Parse.com_Javascript_Jquery_Html_Css_Parse Platform

Javascript 无法通过网页将数据上载到Parse.com

javascript jquery html css parse-platform

Javascript 无法通过网页将数据上载到Parse.com,javascript,jquery,html,css,parse-platform,Javascript,Jquery,Html,Css,Parse Platform,我不熟悉分析数据库。我正在实现一个代码，该代码允许我注册并将值存储在解析数据库中。但不知何故，这些值没有上传。我已经实现了以下代码： <!DOCTYPE html> <html > <head> <meta charset="utf-8"> <title>Multi Step Form with Progress Bar using jQuery and CSS3</title> <li

我不熟悉分析数据库。我正在实现一个代码，该代码允许我注册并将值存储在解析数据库中。但不知何故，这些值没有上传。我已经实现了以下代码：

<!DOCTYPE html>
<html >
  <head>
    <meta charset="utf-8">
    <title>Multi Step Form with Progress Bar using jQuery and CSS3</title>


    <link rel="stylesheet" href="css/style_signup.css">
    <link rel="stylesheet" href="css/reset_signup.css">

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="https://www.parsecdn.com/js/parse-latest.js"></script>
  </head>

  <body>

    <!-- multistep form -->
<form id="signUpForm">
    <!-- progressbar -->
    <ul id="progressbar">
        <li class="active">Account Setup</li>
        <li>Social Profiles</li>
        <li>Personal Details</li>
    </ul>
    <!-- fieldsets -->
    <fieldset>
        <h2 class="fs-title">Create your account</h2>
        <h3 class="fs-subtitle">Step 1</h3>
        <input id="signUpemailID" type="text" name="email" placeholder="Email" />
        <input id="signUpPassword" type="password" name="pass" placeholder="Password" />
        <input id="signUpRePassword" type="password" name="cpass" placeholder="Confirm Password" />
        <input id="signUpNextButton1" type="button" name="next" class="next action-button" value="Next" />
    </fieldset>
    <fieldset>
        <h2 class="fs-title">Social Profiles</h2>
        <h3 class="fs-subtitle">Your presence on the social network</h3>
        <input id="signUpTwitterProfileLink" type="text" name="twitter" placeholder="Twitter" />
        <input id="signUpFacebookProfileLink" type="text" name="facebook" placeholder="Facebook" />
        <input id="signUpGooglePlusProfileLink" type="text" name="gplus" placeholder="Google Plus" />
        <input id="signUpLinkedInProfileLink" type="text" name="linkedin" placeholder="LinkedIn" />

        <input id="signPreviousButtonPage1" type="button" name="previous" class="previous action-button" value="Previous" />
        <input id="signUpNextButton2" type="button" name="next" class="next action-button" value="Next" />
    </fieldset>
    <fieldset>
        <h2 class="fs-title">Personal Details</h2>

        <input id="signUpFirstName" type="text" name="fname" placeholder="First Name" />
        <input id="signUpLastName" type="text" name="lname" placeholder="Last Name" />
        <input id="signUpPhone" type="text" name="phone" placeholder="Phone" />
        <textarea name="address" placeholder="Address"></textarea>
        <input id="signUpPreviousButtonPage2" type="button" name="previous" class="previous action-button" value="Previous" />
        <input id="signUpSubmitButton" type="submit" name="submit" class="submit action-button" value="Submit" onClick="redirect()" />
    </fieldset>
</form>

<script type="text/javascript">
    Parse.initialize("<APP-ID>", "<CLIENT-KEY>");

    var LoginDetails = Parse.Object.extend("SignUpDetails");

    $("#signUpForm").submit(function(event){

            var emailID = $("#signUpemailID").val();
            var userPass = $("#signUpPassword").val();

            var twitterLink = $("#signUpTwitterProfileLink").val();
            var facebookLink = $("#signUpFacebookProfileLink").val();
            var googlePlusLink = $("#signUpGooglePlusProfileLink").val();
            var linkedInLink = $("#signUpLinkedInProfileLink").val();

            var firstName = $("#signUpFirstName").val();
            var lastName = $("#signUpLastName").val();
            var phone = $("#signUpPhone").val();

            var user = new Parse.User();
            user.set("emailid", emailID);
            user.set("password", userPass);

            user.set("twitterLink", twitterLink);
            user.set("facebookLink", facebookLink);
            user.set("googlePlusLink", googlePlusLink);
            user.set("linkedInLink", linkedInLink);

            user.set("firstName", firstName);
            user.set("lastName", lastName);
            user.set("phoneNo", phone);

            user.signUp(null, {
                success: function(user){
                    //
                    }, error: function(user, error){
                        console.log("signup error:"+error.message);
                        }
                    });


    });
</script>

<!-- jQuery -->
<script src="http://thecodeplayer.com/uploads/js/jquery-1.9.1.min.js" type="text/javascript"></script>
<!-- jQuery easing plugin -->
<script src="http://thecodeplayer.com/uploads/js/jquery.easing.min.js" type="text/javascript"></script>

<script src="js/signup.js"></script>


  </body>
</html>


使用jQuery和CSS3的带有进度条的多步骤表单

帐户设置
社会概况
个人资料

创建您的帐户
第一步
社会概况
你在社交网络上的存在
个人资料
初始化（“，”）；
var LoginDetails=Parse.Object.extend（“SignUpDetails”）；
$（“#注册表”）.submit（函数（事件）{
var emailID=$（“#signUpemailID”）.val（）；
var userPass=$（“#signUpPassword”）.val（）；
var twitterLink=$（“#SignupWitterProfileLink”）.val（）；
var facebookLink=$（“#signUpFacebookProfileLink”）.val（）；
var googlePlusLink=$（“#注册GooglePlusProfileLink”）.val（）；
var linkedInLink=$（“#signUpLinkedInProfileLink”）.val（）；
var firstName=$（“#signUpFirstName”）.val（）；
var lastName=$（“#signUpLastName”）.val（）；
var phone=$（“#signUpPhone”）.val（）；
var user=new Parse.user（）；
user.set（“emailid”，emailid）；
user.set（“密码”，userPass）；
user.set（“twitterLink”，twitterLink）；
user.set（“facebookLink”，facebookLink）；
user.set（“googlePlusLink”，googlePlusLink）；
user.set（“linkedInLink”，linkedInLink）；
user.set（“firstName”，firstName）；
user.set（“lastName”，lastName）；
用户设置（“电话号码”，电话）；
user.signUp（null{
成功：功能（用户）{
//
}，错误：函数（用户，错误）{
日志（“注册错误：+错误消息”）；
}
});
});

没人能帮我吗？

谢谢大家，但我有问题。代码未进入该行的闭塞柱：

 $("#signUpForm").submit(function(event){

因此，我不得不将上述行更改为：

$("#signUpSubmitButton").click(function(event){

成功了

您应该尝试的第一件事是避免提交

表单

。因此，在

submit

处理程序中，设置

event.preventDefault（）并查看发生了什么。第二件事，（不包括两个jQuery版本…$）见Jai下面的评论为什么使用两个jQuery库？我在网上学习教程，让我的网页看起来有点不同。其中提到了使用这两个jQuery库。现在我已经删除了第一个jQuery。我还编写了event.preventDefault（）；用于防止网页的默认行为。但一切都没有改变。