简单写一个:<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档 </title>
<script type='text/javascript'>
function test(frm,event){
var event=window.event?window.event:event;
if(event.keyCode==13){
frm.submit();
}}
</script>
</head> <body>
<form method='post' action='123.htm'>
<input type='text'><br/>
<input type='password' onkeydown='test(this.form,event)'><br/>
<input type='reset' value='重置'><input type='button' onclick='this.form.submit()' value='提交'> </form></body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档 </title>
<script type='text/javascript'>
function test(frm,event){
var event=window.event?window.event:event;
if(event.keyCode==13){
frm.submit();
}}
</script>
</head> <body>
<form method='post' action='123.htm'>
<input type='text'><br/>
<input type='password' onkeydown='test(this.form,event)'><br/>
<input type='reset' value='重置'><input type='button' onclick='this.form.submit()' value='提交'> </form></body>
</html>
<script>
function check()
{
if(document.f1.fuser.value==""||document.f1.fpwd.value=="")
{
alert("请认真填写");
return false;
}
else
{
return true;
}
}
</script>
<form name="f1" method="post" onsubmit="return check()" action="login.asp">
用户名:<input type="text" name="fuser"><br>
密 码:<input type="password" name="fpwd"><br>
<input type="submit" name="b1" value="提交">
</html>
我的回答
//回车触发某按钮的单击事件
function Query()
{
if(event.keyCode ==13)
{
document.getElementById("search").click();
event.returnValue = false;
}
}
function find()
{
}
<input id="txtKeyword" name="txtKeyword" type="text" value="请输入产品名称" onkeydown="Query();" />
<img src="http://www.kancai.com/souimage/button.gif" id="search" onclick="find();" alt="搜索" />
img和buntton是一样的
注意:
document.getElementById("search").click(); 中的
"search"一定为img或button控件的id 还有文本框的这个事件
onkeydown="Query();"
每个文本框都加上这个
onkeydown="Query();"
你的只要在密码框加
onkeydown="Query();" 灵活运用
<tr>
<td width="30%" align="right">验证码</td>
<td><label>
<input name="checkcode" type="text" id="checkcode" size="8" maxlength="4" onkeydown='test(this.form,event)'/>
<img src="image.jsp" width="63" height="22"></label></td>
<td><select name="role" id="role" >
<option value="1" selected="selected" >用户</option>
<option value="2" onkeydown='test(this.form,event)'>管理员</option>
</select></td>
</tr>
现在的情况是,验证码好用,可是用户角色那么写就不好用了,怎么回事呢!
<option value="1" selected="selected" >用户 </option>
<option value="2" >管理员 </option>
</select>
那么在<input type="text" 里面按回车键,默认是提交表单的。不知道你为何还要自己书写什么东西。请参考下面这个最简单的表单
<form method="GET">
<input type="text" name="id"/>
</form>你输入内容,然后按回车看看就知道了!
function fu(){
document.form1.username.focus()
}
</script>
</head><body onLoad="fu()">
<table width="630" height="400" border="0" align="center" background="img/background.jpg">
<tr>
<td><form id="form1" name="form1" method="post" action="servlet/Login">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<table width="350" border="0" align="center">
<tr>
<td width="30%" align="right">用户名</td>
<td colspan="2"><label>
<input name="username" type="text" id="username" size="20" maxlength="20" />
</label></td>
</tr>
<tr>
<td width="30%" align="right">密 码</td>
<td colspan="2"><label>
<input name="password" type="password" id="password" size="20" maxlength="20" />
</label></td>
</tr>
<tr>
<td width="30%" align="right">验证码</td>
<td><label>
<input name="checkcode" type="text" id="checkcode" size="8" maxlength="4" onkeydown='test(this.form,event)'/>
<img src="image.jsp" width="63" height="22"></label></td>
<td><select name="role" id="role" onchange='this.form.submit();'>
<option value="1" selected="selected" >用户</option>
<option value="2" >管理员</option>
</select></td>
</tr>
<tr>
<td colspan="3"><label></label>
<label></label>
<div align="center">
<label>
<input type="button" name="Submit" value="登录" onClick="check()"/>
</label>
<label>
<input type="reset" name="Submit2" value="重置" />
</label>
</div></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</body></html>
<script language="javascript">
<!--// function check()
{
if(document.form1.username.value=="")
{
alert("请输入用户名");
document.form1.username.focus();
return;
}
if(document.form1.password.value=="")
{
alert("请输入密码");
document.form1.password.focus();
return;
}
if(form1.checkcode.value=="")
{
alert("请输入验证码");
form1.checkcode.focus();
return;
}
form1.submit();
}
!!!!-->
</script>
<script language="javascript">
function test(frm,event){
var event=window.event?window.event:event;
if(event.keyCode==13){
frm.submit();
}}</script>
这是我的代码,我没有用提交表单啊!那是一个按钮!因为我要验证空字段啊!
有没有更容易的方法啊!
<select name="role" id="role" >
<option value="1" selected="selected" >用户 </option>
<option value="2" >管理员 </option>
</select>就这样嘛