2015-08-01 6 views
0

Вот код для html-формы, над которой я работаю, чтобы отправить информацию, она работает должным образом, но веб-страница хранит входную информацию в полях формы после отправки.Форма обновления после отправки parse.com

Я попытался использовать пару при нажатии кнопки обновления, но он не пересылает данные в базу данных на parse.com.

Кто-нибудь знает, как получить поля для сброса/обновления после отправки формы?

<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("xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx", "1xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx1"); 

    function signUp(e) { 
     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 email = 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", email); 

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

     user.signUp(null, { 
        success: function (username) { 
         // Hooray! Let them use the app now. 
        }, 
        error: function (username, 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> 

ответ

0

попробуйте этот код

  • Добавить Кнопка сброса Внутри поля формы и сбросить все поля, не вдаваясь в БД Connection.

<html> 
 
<body> 
 
<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> 
 
     <button type="reset" value="Reset">Reset</button> 
 
      </form> 
 
     </div> 
 
     </div> 
 

 
<script type="text/javascript"> 
 

 
    Parse.initialize("xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx", 
 

 
"1xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx1"); 
 

 
    function signUp(e) { 
 
     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 email = 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", email); 
 

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

 
     user.signUp(null, { 
 
        success: function (username) { 
 
         // Hooray! Let them use the app now. 
 
        }, 
 
        error: function (username, 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> 
 
</body> 
 
</html>

0

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

Пример

success: function (username) { 
        document.getElementById("example").value = ""; 
       } 

или переместить их

Пример

success: function (username) { 
        location.assign("http://www.mypage.com/myhomepage"); 
       } 
+0

Эй, спасибо, но это не похоже на работу. – NewUser