当按下表单的提交按钮时,我想禁用提交按钮并显示隐藏的 div。我的代码:
HTML:
<div id="processing" class="processing">this should be visible when submit is pressed.</div>
<form action="https://url" method="post" id="id" name="id">
<input class="input1" type="reset" value="Reset">
<input class="input1" type="submit" value="Submit">
Javascript:
$("form").one("submit", function() {
action();
});
function action() {
document.getElementById('processing').style.display = 'block';
$(":submit").replaceWith(' ');
$(":reset").replaceWith(' ');
alert("end");
}
CSS:
div.processing {
display: none;
}
它适用于 Windows 的 Firefox 和 Safari。它不适用于带有 SSL url 的 Mac Safari。
Mac Safari 中将表单提交到 SSL URL 的行为:点击提交按钮 -> 显示警报结束 -> 数据被提交
带有 SSL URL 的 Firefox 和 Safari for Windows 中的行为:点击提交按钮 -> 按钮被替换,警报弹出,并且 div 显示 -> 数据被提交
Mac Safari 中提交到非 ssl url 的行为:点击提交按钮 -> 按钮被替换,弹出警报,并且 div 显示 -> 数据被提交
Mac Safari 版本是 5.1.7。当我将数据从安全 url 提交到另一个安全 url 时,任何人都知道如何让它正常运行吗?任何提示将非常感谢。