表单Enter键之外的输入不会触发仅在Internet Explorer上提交

时间:2019-01-28 15:01:06

标签: html internet-explorer

我有一个表格和表格以外的输入。输入链接到表单。

我已经在Chrome上对其进行了测试,并且可以运行,但在IE上却没有。

这是一个已知的错误吗?该错误有链接吗? PS:我不需要解决方案,我只需要确认仅IE的行为就可以,可能需要描述该错误的页面,或者表明其具有设计功能的页面。

更新

我要指的错误是:当您在此输入中输入一些文本并按Enter键时,我希望表单能够提交。 (就像以前在chrome上的状态一样,它在IE上无法正常工作)

这是一个代码:转到第二个输入,然后按Enter键:在Chrome / Firefox / Opera中,显示调用消息,而在IE / Edge中则不显示。

function submitForm(e) {
  alert('Submit called');
  e.stopPropagation();
  e.preventDefault();
  return false;
}
<!DOCTYPE html>
<html>

<head>
  <title>Page Title</title>
</head>

<body>
  <form onsubmit="submitForm()" id="bugForm">
    <input type="text" name="name" />
    <input id="submitButton" type="submit" value="submit" />
  </form>
  <hr>
  <input type="text" name="another" id="another" form="bugForm" />

</body>

</html>

2 个答案:

答案 0 :(得分:0)

您没有发布示例代码,因此我们无法准确地说出您在代码中正在做什么以及为什么它无法在IE中工作。

如果我们假设您在表单外有任何输入标签,并且希望通过按该输入控件上的Enter键提交表单,则不应提交该表单,因为它不在表单标签内。这样,IE才能正常工作,不应将其视为错误。

如果您需要执行此操作,则可以尝试参考下面的示例,该示例适用于IE。

<!DOCTYPE html>
<html>
<head>
	<title>Page Title</title>
</head>
<body>
<form  action="something.php">
    <input type="text" name="name" />
    <input id="submitButton" type="submit" value="submit" />
</form>
<hr>
You can click this ->
<label for="submitButton">Submit</label><br> 
Or You can click ->
<input type="submit" onclick="document.forms[0].submit();" />


</body>
</html>

作为参考,您可以在下面引用链接。

(1)Form not working in Internet Explorer

(2)Submit form using a button outside the tag

答案 1 :(得分:0)

我找到了一个页面,其中确实不支持表单外的输入(HTML5)。

http://html5test.com/