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

javascript事件的绑定

2007-12-25 15:33 477 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>index.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=gbk">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script language="javascript" type="text/javascript">
function check(event){
var evt = (event) ? event : ((window.event) ? window.event : "")
// alert(evt); //输出该事件对象
//调用target属性,访问发出事件的html元素(evt.target是w3c里面的东西)

// var form = evt.srcElement; //w3c中用evt.target var elem = (evt.target) ? evt.target : evt.srcElement
var form = (evt.target) ? evt.target : evt.srcElement
//alert(evt.srcElement);
if(form.userName.value==null || form.userName.value ==""){
alert("userName 不能为空!");
form.userName.focus();
}else{
//这个加编码了!request也是直接获得!
//form.action="ok.jsp?userName="+escape(form.userName.value);
form.action="ok.jsp";
form.submit();
}
}

</script>

</head>

<body>
<!-- form id="form1" action="ok.jsp" method="post">
<input type="text" name="userName">
<input type="submit" value="确定">
</form-->
<br>

<form id="form1" action="#" method="post">
<input type="text" name="userName">
<input type="submit" value="确定">
</form>
<script>
//这个不能直接放在前面执行,因为刚开始时,还没加载form
var target = document.getElementById("form1");
//target.attachEvent("onsubmit",check); //这个也可以
target.onsubmit=check;
</script>
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: