Parse.com Форма не отправляет информацию, отправляет ошибку?

Question

Просто интересно, знает ли кто, почему моя форма не будет хранить данные в моей базе данных синтаксического анализа?

Я думаю, что это может быть связано с моей кнопки отправки ...

HTML 5 формы, который, как предполагается интегрировать с parse.com, извините Javascript не мой самый сильный язык.

<div class="register span5 offset3"> 
      <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"> 
       <h2>Create an account <!--<span class="red"><strong>iAPP</strong></span>--></h2> 
       <input type="text" id="firstname" name="firstname" placeholder="first name"> 
       <input type="text" id="lastname" name="lastname" placeholder="last name"> 
       <input type="text" id="username" name="username" placeholder="username"> 
       <input type="text" id="email" name="email" placeholder="Email address"> 
       <input type="password" id="password" name="password" placeholder="password"> 
       <button type="submit" onclick="signUp();">SIGN UP</button> 
      </form> 
     </div> 
     </div> 

<script type="text/javascript"> 

    Parse.initialize("xxxxxxxxxxxxxxxxxxxxxxx", "xxxxxxxxxxxxxxxxxxxx"); 

    function signUp() { 

     var firstname = document.getElementById("firstname").value; 
     var lastname = document.getElementById("lastname").value; 
     var username = document.getElementById("username").value; 
     var password = document.getElementById("password").value; 
     var mail = document.getElementById("email").value; 

    var user = new Parse.User(); 
    user.set("firstname", firstname); 
    user.set("lastname", lastname); 
    user.set("username", username); 
    user.set("password", password); 
    user.set("email", mail); 

     // other fields can be set just like with Parse.Object 
    user.set("phone", "650-555-0000"); 

    user.signUp(null, { 
     success: function(user) { 
      // Hooray! Let them use the app now. 
     }, 
     error: function(user, error) { 
      // Show the error message somewhere and let the user try again. 
      alert("Error: " + error.code + " " + error.message); 
     } 
    } 
    } 
    ); 
</script> 

Answer 1

попытка соединения вашу функцию SIGNUP к представить EventHandler:

<div class="register span5 offset3"> 
      <form id="signupForm"> 
       <h2>Create an account <!--<span class="red"><strong>iAPP</strong></span>--></h2> 
       <input type="text" id="firstname" name="firstname" placeholder="first name"> 
       <input type="text" id="lastname" name="lastname" placeholder="last name"> 
       <input type="text" id="username" name="username" placeholder="username"> 
       <input type="text" id="email" name="email" placeholder="Email address"> 
       <input type="password" id="password" name="password" placeholder="password"> 
       <button type="submit">SIGN UP</button> 
      </form> 
     </div> 
     </div> 

<script type="text/javascript"> 

    Parse.initialize("xxxxxxxxxxxxxxxxxxxxxxx", "xxxxxxxxxxxxxxxxxxxx"); 

    function signUp(e) { 
     //preventDefault so the form doesnt reload the page 
     e.preventDefault(); 

     var firstname = document.getElementById("firstname").value; 
     var lastname = document.getElementById("lastname").value; 
     var username = document.getElementById("username").value; 
     var password = document.getElementById("password").value; 
     var mail = document.getElementById("email").value; 

    var user = new Parse.User(); 
    user.set("firstname", firstname); 
    user.set("lastname", lastname); 
    user.set("username", username); 
    user.set("password", password); 
    user.set("email", mail); 

     // other fields can be set just like with Parse.Object 
    user.set("phone", "650-555-0000"); 

    user.signUp(null, { 
     success: function(user) { 
      // Hooray! Let them use the app now. 
     }, 
     error: function(user, error) { 
      // Show the error message somewhere and let the user try again. 
      alert("Error: " + error.code + " " + error.message); 
     } 
    } 
    } 
    ); 

    document.getElementById('signupForm').addEventListener('submit', signUp); 
</script> 

То, что я сделал здесь соедини представить событие формы с идентификатором «Зарегистрироваться» в случае «Submit». Поэтому, когда ваша кнопка нажата, она вызывает это событие, и слушатель будет выполнен.

document.getElementById('signupForm').addEventListener('submit', signUp); 

также быть в курсе e.preventDefault() я добавил в верхней части вашей функции для предотвращения pagereload (что делается по умолчанию подчиненной формы)

Просто проверить изменения, которые я сделал

Надеюсь, это поможет