Javascript 使用主干网提交表格

我正在使用主干网提交表格。表单驻留在html页面（主页）中。提交表单时，我使用主干模型的.save（）方法将数据保存到数据库中。我使用了e.preventDefault（）以防止提交并捕获值

问题是在提交表单后表单保持不变，这意味着输入字段中填充了以前的值。如果我再次提交表单，则以前的值将插入数据库

如何使表格在提交后保持第一个状态（空白）

代码

HTML

<form  method="post" id="my_form">                    
     <input type="text" id="name" size="30"  required autofocus/>
     <input type="email" id="email " size="30" required/>
     <input type=" text " id="catagory" size="30" required/>                        
     <input type="submit"  value="Submit"/>
</form>

---

如果您只想清除表单，那么在

success

回调到

save

方法的过程中，只需添加一些javascript即可：

my_model.save(data, 
        {
            success: function(model,response) 
            {
                alert(JSON.stringify(response));
                $('#myForm')[0].reset(); //native javascript
            },
            error: function(model,response)
            {
                alert(JSON.stringify(response));     
            }
});

---

请记住，这会让您的用户感到困惑-如果他们按submit，然后表单似乎会删除他们的回复。最好隐藏表单：

$（“#myForm”）.hide（）

，然后显示一条消息，说明表单已成功提交。或者将其重定向到提交成功页面。

请发布您的代码。提交后是否继续显示相同的表单？

my_model.save(data, 
        {
            success: function(model,response) 
            {
                alert(JSON.stringify(response));
                $('#myForm')[0].reset(); //native javascript
            },
            error: function(model,response)
            {
                alert(JSON.stringify(response));     
            }
});