您的位置：首页 > Web前端 > JavaScript

JS回传响应按钮事件

2013-05-25 08:19 309 查看

<head>

<title></title>

<script type="text/javascript">
//这个方法最简单的应用就是使用在登录框，很多登录框输入了姓名密码后按回车

//可以自动聚焦登录按钮并提交表单，js代码如下
//网页内按下回车触发

function document.onkeydown() {

if (event.keyCode == 13) {

document.getElementById("btnClick").click();

return false;

}

}
//弹出测试按钮

function btnClick() {

//alert("测试按钮");
var name = document.getElementById("txtName");

var pwd = document.getElementById("txtPWD");
if (name.value.length>2) {

alert("用户名不正确");

return false;

}

if (pwd.value != 123) {

alert("密码不正确");

}
}
</script>
</head>

<body onload="document.onkeydown()">
<table>

<tbody>

<tr><td align="right">用户名</td><td><input type="text" id="txtName" /></td></tr>

<tr><td align="right">密码</td><td><input type="text" id="txtPWD" /></td></tr>

<tr><td colspan="2" align="center"><input id="btnClick" onclick="btnClick()" type="button" value="提交" /></td></tr>

</tbody>

</table>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航