0

当按下表单的提交按钮时,我想禁用提交按钮并显示隐藏的 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('&nbsp;');
    $(":reset").replaceWith('&nbsp;');
    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 时,任何人都知道如何让它正常运行吗?任何提示将非常感谢。

4

0 回答 0