parse.com 提交后表单刷新答案

【问题标题】：Form refresh after parse.com submissionparse.com 提交后表单刷新
【发布时间】：2015-08-01 05:00:55
【问题描述】：

这是我正在处理的 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>

【问题讨论】：

标签： javascript html forms parse-platform

【解决方案1】：

试试这个代码

在表单字段中添加重置按钮并重置所有字段，而无需转到数据库连接。

<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>

【讨论】：

【解决方案2】：

用户注册的成功功能里面呢，只需清除表单中的所有输入字段？

例子

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

或者重新安置他们

例子

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

【讨论】：