在Twitter Bootstrap中更改提交/保存按钮的按钮标签和操作？是否在表单未保存时执行此操作？
在Twitter Bootstrap中更改提交/保存按钮的按钮标签和操作？是否在表单未保存时执行此操作？
提问于 2012-05-20 03:26:41
我有一个简单的非Ajax表单，它提供序列化的字段，用于保存跨多个记录的一大堆数据，例如，包含多个行项目的报价，并且每行上的每个字段都是可编辑的。
表单需要在提交前保存，如果表单被编辑，我希望表单的提交按钮说保存更改(通过URL到我的准控制器)，否则说提交到客户端，如果未编辑。
我正在研究AJAX，但我想知道它对这种情况是不是太过分了。
任何帮助都是非常感谢的。
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-05-21 11:28:31
如果您想要的只是更改按钮上的文字，那么AJAX就太夸张了。如果单击“保存更改”，则按正常方式提交表单(然后使用默认的“提交到客户端”重新加载表单？)那你就不需要它了。
你需要的是普通的javascript。将onchange事件处理程序绑定到更改按钮文本的每个字段。它还可以更改表单的其他方面(例如隐藏的“data_changed”字段)，以便您的控制器知道保存数据而不是提交数据。
如果未发生任何更改，该按钮将保留为“提交给客户端”。
我的答案是正确的吗？您是否需要在不提交表单的情况下“保存更改”？或者您想了解更多有关如何实现此目标的详细信息？
编辑:添加示例代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Save vs Submit Example</title>
<script type="text/javascript">
onchange_handler = function ( event ) {
var form_modified = document.getElementById("form_modified");
var form_submit = document.getElementById("form_submit");
form_modified.value = "true";
form_submit.value = "Save Changes";
}
</script>
</head>
<body>
<form method="post">
<input name="quote_number" type="text" onchange="onchange_handler()" />
<input name="quote_date" type="text" onchange="onchange_handler()" />
<input name="line_number" type="text" onchange="onchange_handler()" />
<input name="line_product" type="text" onchange="onchange_handler()" />
<input name="line_quantity" type="text" onchange="onchange_handler()" />
<input name="form_modified" id="form_modified" type="hidden" value="false" />
<input type="submit" id="form_submit" value="Submit to Client" />
</form>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10668214
复制相关文章
相似问题
腾讯云开发者
