Mac*_*att 10 javascript asp.net .net-1.1 jquery webforms
细节:
这不是我必须这样做的必要条件,但如果有一个简单的方法可以做到这一点而不必改变太多,我会这样做.(即如果没有一个简单的解决方案,我可能不会这样做,所以不要担心挖得太深)
Spo*_*ser 11
对于所有提交按钮,通过JQuery,它将是:
$('input[type=submit]').click(function() { this.disabled = true; });
或者在表单提交上这样做可能更有用:
$('form').submit(function() {
$('input[type=submit]', this).attr("disabled","disabled");
});
但是,如果我们对上下文有更多了解,我认为我们可以更好地回答您的问题.
如果这是ajax请求,那么您需要确保在成功或失败时再次启用提交按钮.
如果这是一个标准的HTTP表单提交(除了使用javascript禁用按钮)并且你这样做是为了安全地防止同一表单的多个提交,那么你应该在处理代码的代码中有某种控制提交数据,因为使用javascript禁用按钮可能无法阻止多次提交.
你可以这样做:
$('form').submit(function() {
$(this)
.find(":submit,:image") // get all the submit buttons
.attr({ disabled : 'disabled' }) // disable them
.end() // go back to this form
.submit(function() { // change the onsubmit to always reject.
return false;
})
;
});
这样做的好处:
form.submit()从其他一些代码调用<input type="submit"/><button type="submit"></button><input type="image" />我猜你不希望他们在提交处理时多次点击提交按钮。
我的方法是完全隐藏按钮并显示某种状态指示器（动画 gif 等）。
这是一个非常人为的例子（它在技术上是原型，但我认为 jquery 版本会非常相似）：
<html>
<head>
<script type="text/javascript" src="include/js/prototype.js"></script>
<script type="text/javascript">
function handleSubmit()
{
$('submit').hide();
$('progressWheel').show();
return true;
}
</script>
</head>
<body>
<img src="include/images/progress-wheel_lg.gif" id="progressWheel" style="display:none;"/>
<input type="submit" name="submit" id="submit" value="Submit" onclick="handleSubmit();"/>
</body>
</html>
| 归档时间： |
|
| 查看次数： |
3893 次 |
| 最近记录： |