激活输入提交按钮
问题描述:
现在,我必须单击Login
按钮才能将表单发送到服务器。激活输入提交按钮
我想按在密码字段中输入键。
这是代码:
<%@ Page Language="VB" AutoEventWireup="False" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Login Page</title>
<SCRIPT language="javascript" src="commonpages/js/Utility.js" type="text/javascript"></SCRIPT>
<script>
function GoBtn_ServerClick(oButton, oEvent) {
}
</script>
</head>
<body style="background-color:AliceBlue">
<div id="main0">
<!--<input id="auto" type=button value="Print test" onclick="Printtest();">-->
<table width=800 align=center height=600px style="background-color: AliceBlue;">
<tr>
<td width=25></td>
<td width=750 align=center><form runat="server">
<table ><tr><td colspan="2">
</td></tr>
<tr><td align=left>
Login:</td><td align=right>
<input id="login" runat=server type=text style="width: 100px"/></td>
</tr><tr><td align=left>
Password:</td><td align=right>
<input id="pw" runat=server type=password style="width: 100px"/>
</td></tr>
<tr><td align=center colspan=2>
<input type=button runat=server id=GoBtn value=Login style="width: 60" CausesValidation="False" />
</td></tr></table></form>
</td>
<td width=25></td>
</tr>
</table>
</div>
</body>
</html>
我已经搜索堆栈溢出类似的问题,但他们表现出使用的示例ASP控制,而不是HTML控件。
答
在您的GoBtn上将'type = button'更改为'type = submit',并且当您按Enter键时它会被触发。
或者,你可以使用jQuery时按下Enter键在密码字段按下“点击”按钮:
$(document).ready(function(){
$('#pw').keypress(function(e){
if(e.keyCode==13)
$('#GoBtn').click();
});
});
我只是改变按钮提交它工作得很好。 –