1

我想在 onsubmit 事件处理程序返回 false 时更改 HTML 文档元素。

在函数内部validate()设置了一个 cookie（顺便说一句，有没有比 cookie 更简单的方法？）。

Onload 事件处理程序checkIfFalseSubmit()检查 cookie 并运行changeDocument()更改文档的函数。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>How change document after false onsubmit without manual page reloading</title> 
<script type="text/javascript">
function validate() {
  // http://www.javascripter.net/faq/settinga.htm
  var today = new Date();
  var expire = new Date();
  expire.setTime(today.getTime() + 1000*5000);
  document.cookie = "cookie1=a; expires=" + expire.toGMTString();
  alert ("Always false - just for testing");
  return false;
}

function changeDocument() {
  myDiv.innerHTML = "Form validation failed"; 
} 

// http://stackoverflow.com/questions/10730362/javascript-get-cookie-by-name
function getCookie(name) {
  var parts = document.cookie.split(name + "=");
  if (parts.length == 2) return parts.pop().split(";").shift();
}

function checkIfFalseSubmit() {
  if ( getCookie("cookie1") == "a")
    changeDocument();
}
</script> 
</head>

<body onload="checkIfFalseSubmit()">
<div id="myDiv">Before Submit</div>

<form action="<?php echo $_SERVER["PHP_SELF"];?>" method="post" name="f" onsubmit="return validate();" > 
 <input type="text" name="myName" /><br/>
 <input type="submit" name="submit" value="Submit" />
</form>
</body>
</html>

问题是onload只有当我手动重新加载页面时才会发生这种情况。无需重新加载，就会显示警报，但文档保持不变。

为了我的目的，我应该使用另一个事件来代替 onload 吗？还有其他方法可以实现我的目标吗？

4

1 回答 1

0

我认为它过于复杂。您不必使用 cookie 和 body onload 事件。只需继续validate()调用表单提交并changeDocument()显示您的消息。

在返回 false 之前，validate()如果验证失败调用内部。changeDocument()

于 2013-09-19T03:30:28.250 回答