[英]Form refresh after parse.com submission
這是我正在提交的html表單的代碼,它正在按預期方式工作,但是網頁在提交后將輸入信息保留在表單字段中。
我嘗試使用幾次按鈕刷新,但它不會將數據轉發到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>
試試這個代碼
<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>
只需清除表單中的所有輸入字段,在“用戶注冊”成功功能的內部如何處理?
例
success: function (username) {
document.getElementById("example").value = "";
}
或重新安置他們
例
success: function (username) {
location.assign("http://www.mypage.com/myhomepage");
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.