如何使HTML表单在按下Enter键时提交？

Question

16 浏览2023年7月9日

匿名的 2023年7月9日

0 Comments

我有以下的HTML代码（来自一个更大的页面），它让我输入用户名和密码，并选择要登录的服务器：


多服务器登录


请输入您的用户名和密码：

用户名： 



密码： 



远程主机：

这个代码可以正常工作，当我点击“提交”按钮时，我的信息会被提交。我的问题是，我如何改变代码，以便我也可以通过按下“Enter”键来提交我的信息？我尝试将提交按钮的输入行从

改为

但是这并没有起作用；当我按下“Enter”键时，页面会生成错误。提前感谢所有回答我的人。

0

2 答案

匿名的 · Answer 1 · 2023-08-25T16:10:34+00:00

问题的原因是希望在用户按下Enter键时自动提交HTML表单，但默认情况下，按下Enter键只会将光标移动到下一个表单字段，而不会触发表单提交动作。

解决方法是使用jQuery库，并使用keypress事件来捕获Enter键。在这个事件处理程序中，可以通过调用post方法来提交表单。

下面是一种解决方法的示例代码：




  Submit Form on Enter Key Press

以上代码中，首先引入了jQuery库。然后，在页面加载完成后，使用jQuery的ready方法来绑定一个事件处理程序。在该事件处理程序中，使用keypress事件来捕获按键动作。当按下的键是Enter键（键码为13）时，阻止默认的表单提交动作，并通过调用submit方法来提交表单。

通过以上方法，我们可以实现在按下Enter键时自动提交HTML表单的功能。

匿名的 · Answer 2 · 2023-09-24T12:22:01+00:00

问题的原因是在HTML表单中，按下Enter键并不会自动提交表单。解决方法是给表单添加一个action属性，并指定一个接收POST请求的页面，这样按下Enter键就可以正常提交表单。如果想在提交前执行一些操作，可以使用JavaScript来阻止表单的默认行为。在jQuery中，可以使用以下代码来阻止表单提交并执行一些操作：

$('form').on('submit', function(e) {
  e.preventDefault();
  
  //在这里执行你的操作，比如AJAX请求等
  
});

如果想让表单保持在当前页面，可以将action属性的值设置为"/"，或者完全不填写。如果不知道当前页面的URL，也可以将action属性的值设置为文件名。

根据问题描述，可能是因为HTML是由一个JavaScript程序生成的，所以需要在生成HTML表单的函数中进行相应的修改。以下是一个可能的解决方案：

objIE.document.writeln( "" );
blnPwdBoxWait = '';
do {
   WScript.Sleep( 100 );
   if ( objIE.Visible ) {
       blnPwdBoxWait = objIE.document.getElementById( "submitted" ).value;
   }
} while ( blnPwdBoxWait=='' );

以上是解决该问题的方法。希望能对您有所帮助。

请输入您的用户名和密码：
用户名：
密码：
远程主机：