在div中提交表单,在使用ENTER提交时不使用IE8

时间:2013-04-25 09:06:24

标签: javascript css forms internet-explorer

我有一个表格(登录,注册,等等),它位于div内。

div有visibility: hidden并通过javascript获得visibility:visible

IE8 中,当用户完成表单(用户名,密码)然后使用 ENTER 键按下提交时,它将无效(它将如果他按下登录按钮就可以工作。)

HTML:

<body onload="show_login();">
<div id="login" class="login_div">
<form id="form_login" method="post" action="index.php">
<input name="Email" id="Email" type="text" maxlength="100" size="30" />
<input name="Password" id="Password" type="password" maxlength="100" size="30" />
<input name="FromSubmit" id="FromSubmit" type="hidden" value="FromSubmit"/>
<button id="bLogin" type="submit"><span id="sLogin">Log In</span></button>
</form>
</div>
</body>

的CSS:

.login_div {
    visibility: hidden;
}

JS:

function show_login() {
    document.getElementById("login").style.visibility = "visible";
}

也许以前有人遇到过这个问题?

任何解决方法而不影响JS逻辑?

修改

如果我删除了doctype,它确实有效,但我不想删除它。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

0 个答案:

没有答案