Question

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

<form>
<b>Multi-server Login</b><p>
<table>
<tr><td colspan=2 align=left>
Enter your username and password:<br>
</td></tr><tr><td valign=top>
Username:&nbsp;
</td><td>
<input id='userid' size=20 class='fixed'>
</td></tr><tr><td valign=top>
Password:&nbsp;
</td><td>
<input type='password' id='passwd' size=20 class='fixed'><p>
</td></tr><tr><td valign=top>
Remote Host:&nbsp;&nbsp;
</td><td valign=top>
<select id='server'><br>
<option value='server1' selected>server1<br>
<option value='server2'>server2<br>
<option value='server3'>server3<br>
</select>
</td></tr>
</table>
<p>
<input type='button' value='Submit' id='but0' onclick=\"submitted.value='DONE';\">
<input type='hidden' id='submitted' value=''>
</form>

这很有效，当我点击＆＃34;提交＆＃34;按钮。我的问题是，如何更改它以便我也可以通过按下＆＃34;输入＆＃34;来提交我的信息。键？我尝试从

更改“提交”按钮的输入行

<input type='button' value='Submit' id='but0' onclick=\"submitted.value='DONE';\">

到

<input type='submit' value='Submit' id='but0' onclick=\"submitted.value='DONE';\">

但那不起作用;当我按下＆＃34;输入＆＃34;它只会导致页面生成错误键。提前感谢所有回复的人。

Answer 1

您必须拥有表单的操作属性。尽可能多地使用HTML标准。因此，请指定应在操作中接收POST的页面，并且ENTER将正常工作。

如果你想在进入新页面之前做一些事情，你必须使用javascript来阻止它。在jQuery中，您可以执行以下操作：

＆＃13;

$('form').on('submit', function(e) {
  e.preventDefault();
  
  //Your actions goes here... like AJAX?
  
});

＆＃13;

Answer 2

我建议使用jQuery并使用keypress事件来捕获回车键。在此处理程序中，您可以发布表单。

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

2 个答案: