Javascript 返回 false 在 ie 中不起作用

Question

大家好，

我的 JSP 中有以下几行。

<s:submit name="submit"  onclick="return validateUser();" action="saveUser"  theme="simple" value="Save" />

java 脚本方法 validateUser() 验证用户并返回 true 或 false。验证失败时不应提交表单。

这在 FF 中有效，但在 IE8 中无效。

即使验证失败，IE8 也会提交表单。

Answer 1

永远不要假设您可以取消提交按钮，而是在表单上设置一些 javascript 变量或隐藏字段并使用 onsubmit。相信我的话。让 onsubmit 查看由不同提交按钮设置的变量

切勿使用 javascript:（javascript 冒号），除非您使用的是 IE 并且将 VBScript 作为页面上的第一个脚本。在所有其他情况下，javascript 都是默认的。

切勿使用诸如 之类的暴行，而不是

最后，在 IE 中，当发生错误时，默认操作是提交表单，您很可能在其他地方完全出现其他错误，并让验证返回错误，该错误被视为 true（0 计算结果为 false，大多数其他内容都是正确的）

<script type="text/javascript">
var isvalidateNeeded = true;
function validate(theForm) {
  if (!isvalidateNeeded) return true; // allow submission
. // normal validation
.
.
  return true; // allow submission
}
</script>
<form onsubmit="return validate(this)">
.
.
.
<input type="submit" name="subaction" value="Test" onclick="isvalidateNeeded=false" />
<input type="submit" name="subaction" value="Check" onclick="isvalidateNeeded=false" />
<input type="submit" name="subaction" value="Submit" onclick="isvalidateNeeded=true" />
</form>

Answer 2

首先，可以执行多个操作的单个表单是一个坏主意，也就是说......

不要使用提交按钮：

<button type="button" onclick="javascript:validateUser();">Save user</button>
<button type="button" onclick="javascript:deleteUser();">Delete user</button>

现在您只需担心表单的默认提交行为（当用户在字段中按 Enter 时） 。

Answer 3

您唯一需要更改的是 validateUser() 函数。
IE 正在寻找事件的返回值，因此您需要指定：

event.returnValue = true;
return true;

event.returnValue = false;
return false;

Answer 4

请注意，如果 validateUser() 或 deleteUser() 中存在错误或错误，则“return false”将不会停止锚点操作，并且您的浏览器将尝试链接到 href“subaction”。逻辑如下：

1. 用户点击锚点
2. onClick 触发 validateUser()
3. validateUser() 中存在错误，因此 Javascript 崩溃并停止所有代码执行。
4. return false 永远不会被触发，因为 Javascript 已经停止了。
5. 浏览器尝试转到 href 属性

如果您依赖第三方 JavaScript API（我使用 Recyclebank 提供的代码来生成弹出窗口），并且第三方 API 进行的更新破坏了 JavaScript，那么您将会遇到问题。

以下将在正常情况和错误情况下停止链接。

<a class="button" href="javascript:;" onclick="validateUser();return false;">Validate User</a>